/*
Theme Name: Broadway
Theme URI: http://onstage.io
Description: OnStage Sites Theme
Version: 1.0
Author: Codeberry
Author URI: http://codeberry.io
*/


@custom-media --breakpoint-xs (max-width: 40em);


@custom-media --breakpoint-sm (min-width: 40em);


@custom-media --breakpoint-md (min-width: 52em);


@custom-media --breakpoint-lg (min-width: 64em);


@custom-media --breakpoint-xl (min-width: 80em);


:root {

  /* Base Colors */
  /* Base size */
  --base-size: 1em;

  /* Declarations */
  --size-0: calc(1em - 1em);
  --size-0: calc(var(--base-size) - 1em);
  --size-1: calc(1em - .75em);
  --size-1: calc(var(--base-size) - .75em);
  --size-2: calc(1em - .35em);
  --size-2: calc(var(--base-size) - .35em);
  --size-3: calc(1em - .25em);
  --size-3: calc(var(--base-size) - .25em);
  --size-4: calc(1em - .125em);
  --size-4: calc(var(--base-size) - .125em);
  --size-5: 1em;
  --size-5: var(--base-size);
  --size-6: calc(1em + .25em);
  --size-6: calc(var(--base-size) + .25em);
  --size-7: calc(1em + .5em);
  --size-7: calc(var(--base-size) + .5em);
  --size-8: calc(1em + 1em);
  --size-8: calc(var(--base-size) + 1em);
  --size-9: calc(1em + 2em);
  --size-9: calc(var(--base-size) + 2em);
  --size-10: calc(1em + 4em);
  --size-10: calc(var(--base-size) + 4em);

  --weight-1: 100;
  --weight-2: 200;
  --weight-3: 300;
  --weight-4: 400;
  --weight-5: 500;
  --weight-6: 600;
  --weight-7: 700;
  --weight-8: 800;
  --weight-9: 900;

  --sans-font: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --monospace-font: 'Menlo', Monaco, monospace;

  --clr-primary: #1abc9c;

  --dark-gray: #33363B;
  --mid-gray: #808080;
  --gray: #aaaaaa;
  --light-gray: #ccc;

  --darken-1: rgba(0,0,0,.0325);
  --darken-2: rgba(0,0,0,.125);
  --darken-3: rgba(0,0,0,.25);
  --darken-4: rgba(0,0,0,.5);

  --lighten-1: rgba(255,255,255,.0725);
  --lighten-2: rgba(255,255,255,.15);
  --lighten-3: rgba(255,255,255,.25);
  --lighten-4: rgba(255,255,255,.5);

  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 2rem;
  --space-4: 4rem;

  --line-height: 1.5;

  --transition: all 0.15s ease-out;
}


/* Basic Styling */


* { box-sizing: border-box;}


body, input, textarea, select, button {
    -webkit-font-feature-settings: "liga", "kern";
            font-feature-settings: "liga", "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;}


html, body{ height:100%; font-size: 1em; font-size: var(--size-5); }


body {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.5;
  font-size: 100%;
  color: #111;
  background-color: white;
}


a {
  color: #0074d9;
  text-decoration: none;
}


a:hover {
  text-decoration: underline;
}


img {
  max-width: 100%;
  height: auto;
}


svg {
  max-height: 100%;
}


h1, h2, h3,
h4, h5, h6 {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 1em;
  margin-bottom: .5em;
}


h1 { font-size: 2rem }


h2 { font-size: 1.5rem }


h3 { font-size: 1.25rem }


h4 { font-size: 1rem }


h5 { font-size: .875rem }


h6 { font-size: .75rem }


p, dl, ol, ul, pre, blockquote {
  margin-top: 0;
  margin-bottom: 1em;
}


code,
pre,
samp {
  font-family:
    'Roboto Mono',
    'Source Code Pro',
    Menlo,
    Consolas,
    'Liberation Mono',
    monospace;
    background-color: transparent;
}


code, samp {
  font-size: 87.5%;
  padding: .125em;
}


pre {
  font-size: 87.5%;
  overflow: scroll;
}


hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(0,0,0,.125);
}


q, blockquote {
  quotes: "“" "”" "‘" "’";
  font-style: italic;
  margin-left: 0;
}


blockquote:before, q:before {
    content: open-quote;
}


blockquote:after, q:after {
    content: close-quote;
}


blockquote:before, blockquote:after, q:before, q:after {
  color: currentColor;
  font-size: 2.25rem;
  line-height: 0.1rem;
  margin:0 0.25rem;
  vertical-align: -0.75rem;
  opacity: 0.4;
}


body, button { margin: 0 }


button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
}


input,
select,
textarea,
fieldset {
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 0;
}


input[type=text],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week] {
  box-sizing: border-box;
  height: 2.25rem;
  padding: .5rem .5rem;
  vertical-align: middle;
  -webkit-appearance: none;
}


select {
  box-sizing: border-box;
  line-height: 1.75;
  padding: .5rem .5rem;
}


select:not([multiple]) {
  height: 2.25rem;
  vertical-align: middle;
}


textarea {
  box-sizing: border-box;
  line-height: 1.75;
  padding: .5rem .5rem;
}


button,
.button {
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  line-height: 1.125rem;
  padding: .5rem 1rem;
  margin: 0;
  height: auto;
  border: 1px solid transparent;
  vertical-align: middle;
  -webkit-appearance: none;
}


button::after,
button::before,
.button::after,
.button::before {
  box-sizing: border-box;
}


::-moz-focus-inner {
  border: 0;
  padding: 0;
}


table {
  border-collapse: separate;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
}


th {
  text-align: left;
  font-weight: bold;
}


th,
td {
  padding: .25rem 1rem;
  line-height: inherit;
}


th { vertical-align: bottom }


td { vertical-align: top }


.ui-icon{position: relative;}


.icon-s{ font-size: .75rem;}


.icon-sm{ font-size: 1rem;}


.icon-m{ font-size: 1.25rem;}


.icon-ml{ font-size: 1.5rem; }


.icon-mml{ font-size: 1.875rem;}


.icon-l{ font-size: 2rem;}


.icon-xl{ font-size: 3rem;}


.icon-xxl{ font-size: 3.75rem;}


.icon-caret-right{-webkit-transform: rotate(90deg);transform: rotate(90deg); margin-top: 1px; margin-left: 1px;}


.svg-icon-xs { width: calc(.5rem*1.5); width: calc(var(--space-1)*1.5); height: calc(.5rem*1.5); height:calc(var(--space-1)*1.5);}


.svg-icon, .svg-icon-s { width: calc(1rem); width: calc(var(--space-2)); height: calc(1rem); height:calc(var(--space-2));}


.svg-icon-m { width: calc(1rem*1.25); width: calc(var(--space-2)*1.25); height: calc(1rem*1.25); height:calc(var(--space-2)*1.25);}


.svg-icon-lg, .svg-icon-l { width: calc(1rem*2); width: calc(var(--space-2)*2); height: calc(1rem*2); height:calc(var(--space-2)*2);}


.svg-icon-large, .svg-icon-xl { width: calc(1rem*3); width: calc(var(--space-2)*3); height: calc(1rem*3); height:calc(var(--space-2)*3);}


.svg-icon.color-inherit path { fill: currentColor;}


.button-small {
  padding: .25rem .5rem;
}


.button-big {
  padding: 1rem 1.25rem;
}


.button-narrow {
  padding-left: .5rem;
  padding-right: .5rem;
}


.button {
  color: white;
  background-color: #0074d9;
  border-radius: 3px;
  transition-duration: .05s;
  transition-timing-function: ease-out;
  transition-property: box-shadow, background-color;
}


.button:hover {
  box-shadow: inset 0 0 0 20rem rgba(0,0,0,.0625);
}


.button:hover { text-decoration: none }


.button:focus {
  outline: none;
  /*border-color: rgba(0,0,0,.125);
  box-shadow: 0 0 0 3px rgba(0,0,0,.25);*/
}


.button:active,
.button.is-active {
  box-shadow: inset 0 0 0 20rem rgba(0,0,0,.125),
  inset 0 3px 4px 0 rgba(0,0,0,.25),
  0 0 1px rgba(0,0,0,.125);
}


.button:disabled,
.button.is-disabled {
  opacity: .5;
}


.button-outline {
  position: relative;
  z-index: 2;
  color: inherit;
  background-color: transparent;
  border-radius: 3px;
  border: 1px solid currentcolor;
}


.button-outline::before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 1px solid transparent;
  background-color: currentcolor;
  border-radius: 3px;
  opacity: 0;
}


.button-outline:hover {
  box-shadow: none;
}


.button-outline:hover::before,
.button-outline:focus::before {
  opacity: .125;
}


.button-outline:focus {
  outline: none;
  border: 1px solid currentcolor;
  box-shadow: 0 0 0 2px;
}


.button-outline:active,
.button-outline.is-active {
  box-shadow: inset 0 1px 5px 0, 0 0 1px;
}


.button-outline:disabled,
.button-outline.is-disabled {
  opacity: .5;
}


.button-transparent {
  position: relative;
  z-index: 2;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
  border: 1px solid transparent;
}


.button-transparent::before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 1px solid transparent;
  background-color: currentcolor;
  opacity: 0;
}


.button-transparent:hover {
  box-shadow: none;
}


.button-transparent:hover::before,
.button-transparent:focus::before {
  opacity: .09375;
}


.button-transparent:focus {
  outline: none;
  /*border-color: transparent;
  box-shadow: 0 0 0 2px;*/
}


.button-transparent:active,
.button-transparent.is-active {
  box-shadow: none;
}


.button-transparent:active::before,
.button-transparent.is-active::before {
  opacity: .0625;
}


.button-transparent:disabled,
.button-transparent.is-disabled {
  opacity: .5;
}


.button, button{line-height: 1.5;line-height: var(--line-height);}


.button-v-nav { padding: 0.25rem .5rem; transition: all 0.15s ease-out; transition: var(--transition);}


a.button-v-nav {text-decoration: none;}


.button-v-nav:hover { background: rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.15); }


.button-v-nav.is--active, .button-v-nav.is--active:hover{ background: rgb(0, 119, 255); background: rgb(0, 119, 255);}


.button-mini { padding: 0.05rem 0.05rem;transition: all 0.15s ease-out;transition: var(--transition);}


.button-mini:hover{ background: #0077FF; background: var(--blue);}


.button-small { padding: 0.125rem 0.375rem;transition: all 0.15s ease-out;transition: var(--transition);}


.button-control{padding: 0.125rem 0.375rem;transition: all 0.15s ease-out;transition: var(--transition);}


.button-light{box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.0625); border: 1px solid rgba(0, 0, 0, 0.3);}


.button-light:hover{box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.0625), 0 0 0 20rem rgba(0,0,0,.0625) inset; }


.button-circle{ padding: 0; width: 2rem; height: 2rem; border-radius: 50%; box-shadow: 0 0px 2px hsla(0, 0%, 0%,.25); margin-bottom: 0.25rem;}


.button-circle.button-small{ width: 1.5rem; height: 1.5rem; }


/*hack for nested directive*/


.btn-xs.button-circle.button-small, .btn-xs > .button-circle.button-small{ width: 1.25rem; height: 1.25rem; margin: .125rem;}


.button-circle.btn-xxs{ width: 1rem; height: 1rem; }


.button-square{ padding: 0; width: 1.75rem; height: 1.75rem; box-shadow: 0 0px 2px hsla(0, 0%, 0%,.25); margin-bottom: 0.25rem;}


.button-square.btn-s{ width: 1.5rem; height: 1.5rem; font-size: .875rem; line-height: .5; margin-bottom: 0;}


.is--empty, .transparent, .bg-transparent{
  background-color: #fff;
  background-image: linear-gradient(45deg,#ddd 25%,transparent 25%,transparent 75%,#ddd 75%,#ddd), linear-gradient(45deg,#ddd 25%,transparent 25%,transparent 75%,#ddd 75%,#ddd);
  background-size: .5rem .5rem;
  background-position: 0 0, .25rem .25rem;
  background-repeat: repeat;
}


.is--active {box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 2px 3px rgba(0, 0, 0, 0.33), 0 -1px 0 rgba(0, 0, 0, 0.15) inset;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 2px 3px rgba(0, 0, 0, 0.33), 0 -1px 0 rgba(0, 0, 0, 0.15) inset; border-color: rgba(0,0,0,0.66);}


.button-circle.is--active {box-shadow: 0 2px 0 rgba(255, 255, 255, 0.25) inset,
  0 0 0px 2px rgba(255, 255, 255, 0.75),
  0 -2px 0 rgba(0, 0, 0, 0.15) inset;box-shadow:
  0 2px 0 rgba(255, 255, 255, 0.25) inset,
  0 0 0px 2px rgba(255, 255, 255, 0.75),
  0 -2px 0 rgba(0, 0, 0, 0.15) inset;
  border-color: #000000 alpha(15%));
  border-color: var(--black) alpha(15%));}


.btn-os-promo {
    box-shadow: 0 1px 0px rgba(255, 255, 255, 0.1)inset, 0 -2px 0px rgba(0, 0, 0, 0.13)inset;
    transition: 0.15s all ease;
    padding: .5rem .75rem;
    border-radius: 4px;
    line-height: 1.428;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
  }


.btn-os-promo:hover{text-decoration: none; background: rgb(0, 119, 255); background: rgb(0, 119, 255); color: white;}


.fieldset-reset {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  border: 0;
}


.fieldset-reset legend {
  padding: 0;
}


.field-light {
  background-color: white;
  transition: box-shadow .2s ease;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0,0,0,.125);
  border-radius: 3px;
  box-shadow: 0 2px 0px rgba(0,0,0,0.03)inset;
}


.field-light:focus {
  outline: none;
  border-color: #0074d9;
  box-shadow: 0 0 0 2px rgba(0, 116, 217, 0.5);
}


.field-light:disabled {
  background-color: rgba(0,0,0,.125);
  opacity: .5;
}


.field-light:-moz-read-only:not(select) {
  background-color: rgba(0,0,0,.125);
}


.field-light:read-only:not(select) {
  background-color: rgba(0,0,0,.125);
}


.field-light:invalid {
  border-color: #ff4136;
}


.field-light.is-success {
  border-color: #2ecc40;
}


.field-light.is-warning {
  border-color: #ffdc00;
}


.field-light.is-error {
  border-color: #ff4136;
}


.field-dark {
  color: white;
  background-color: rgba(0,0,0,.25);
  border: 1px solid rgba(0,0,0,.0625);
  border-radius: 3px;
}


.field-dark::-webkit-input-placeholder {
  color: rgba(255,255,255,.75);
}


.field-dark:-ms-input-placeholder {
  color: rgba(255,255,255,.75);
}


.field-dark::-ms-input-placeholder {
  color: rgba(255,255,255,.75);
}


.field-dark::placeholder {
  color: rgba(255,255,255,.75);
}


.field-dark:focus {
  outline: 0;
  border: 1px solid rgba(255,255,255,.5);
  box-shadow: 0 0 0 2px rgba(255,255,255,.25);
}


.field-dark:-moz-read-only:not(select) {
  background-color: rgba(255,255,255,.25);
}


.field-dark:read-only:not(select) {
  background-color: rgba(255,255,255,.25);
}


.field-dark:invalid {
  border-color: #ff4136;
}


.field-dark.is-success {
  border-color: #2ecc40;
}


.field-dark.is-warning {
  border-color: #ffdc00;
}


.field-dark.is-error {
  border-color: #ff4136;
}


input[type=range] {
  vertical-align: middle;
  background-color: transparent;
}


.range-light {
  color: inherit;
  -webkit-appearance: none;
  padding-top: .5rem;
  padding-bottom: .5rem;
}


.range-light::-webkit-slider-thumb {
  -webkit-appearance: none;
  position: relative;
  width: .5rem;
  height: 1.25rem;
  border-radius: 3px;
  background-color: currentcolor;
  cursor: pointer;
  margin-top: -0.5rem;
}


.range-light::-webkit-slider-thumb:before {
  content: '';
  display: block;
  position: absolute;
  top: -0.5rem;
  left: -0.875rem;
  width: 2.25rem;
  height: 2.25rem;
  opacity: 0;
}


.range-light::-moz-range-thumb {
  width: .5rem;
  height: 1.25rem;
  border-radius: 3px;
  border-color: transparent;
  border-width: 0;
  background-color: currentcolor;
  cursor: pointer;
}


.range-light::-webkit-slider-runnable-track {
  height: 0.25rem;
  cursor: pointer;
  border-radius: 3px;
  background-color: rgba(0,0,0,.25);
}


.range-light::-moz-range-track {
  height: 0.25rem;
  cursor: pointer;
  border-radius: 3px;
  background-color: rgba(0,0,0,.25);
}


.range-light:focus {
  outline: none;
}


.range-light:focus::-webkit-slider-thumb {
  outline: none;
  border: 0;
  box-shadow: 0 0 1px 2px currentcolor;
}


.range-light:focus::-moz-range-thumb {
  outline: none;
  border: 0;
  box-shadow: 0 0 0 3px rgba(0,0,0,.25);
}


.field-dark::-webkit-input-placeholder {
  color: rgba(255,255,255,.5);
}


.field-dark:-ms-input-placeholder {
  color: rgba(255,255,255,.5);
}


.field-dark::-ms-input-placeholder {
  color: rgba(255,255,255,.5);
}


.field-dark::placeholder {
  color: rgba(255,255,255,.5);
}


input.height-inherit,select.height-inherit,textarea.height-inherit, .height-inherit{ height: inherit;}


input.h100, select.h100{height: 100%;}


input[type="text"].field-small{ height: auto; padding: 0.25rem;}


.field-dark:invalid, .field-light.is-error{ border-color: inherit;}


.field-dark.ng-dirty.ng-invalid-required:invalid{ border-color: red;}


.table th,
.table td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(0,0,0,.125);
}


.table tr:last-child td {
  border-bottom: 0;
}


.table-light th,
.table-light td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(0,0,0,.125);
}


.table-light tr:last-child td {
  border-bottom: 0;
}


.v-mid{vertical-align: middle;}


/* links */


.deco-none, .deco-none:hover, .deco-none:active, .deco-none:focus{ text-decoration: none;}


.link,.link:hover,.link:active,.link:focus{ text-decoration: none; position: relative;}


.link:after{ content: ""; width: 100%; border-bottom: 1px solid currentColor; position: absolute; bottom: -1px; left: 0; opacity: 0.3;  transition: all 0.15s ease-out;  transition: var(--transition);}


.link:hover:after, .link:active:after, .link:focus:after{ opacity: 1;}


/* cursors */


.pointer{cursor: pointer;}


.cursor-move{cursor:move;}


.cursor-grab{ cursor: -webkit-grab; cursor: grab;}


.cursor-help{ cursor: help;}


/* filters  */


.color-filter { -webkit-filter: opacity(1); filter: opacity(1);}


.grayscale-filter { -webkit-filter: grayscale(1) opacity(1); filter: grayscale(1) opacity(1);}


.sepia-filter { -webkit-filter: grayscale(1) sepia(0.6) brightness(0.85) opacity(1); filter: grayscale(1) sepia(0.6) brightness(0.85) opacity(1);}


.blur-filter {-webkit-filter: blur(16px);filter: blur(16px);}


/* text truncate  */


.truncate { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/* tag and badges */


.tag{padding: 0.2rem 0.5rem;}


.badge{-webkit-transform: translate(50%, -50%);transform: translate(50%, -50%);}


.badge-left{-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}


/* disable element */


.disabled{ opacity: 0.6; cursor: not-allowed; pointer-events: none;}


/* background  */


.bg-cover{ background: no-repeat center center / cover;}


.bg-none{background: none;}


/* headers */


h1, h2, h3, h4, h5, h6{
  font-weight: 400;
  font-weight: var(--weight-4);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-family: var(--sans-font);
  line-height: 1.25;
  margin-top: 1em;
  margin-bottom: .5em;}


h1, .h1 { font-size: calc(1em + 1em); font-size: var(--size-8);}


h2, .h2 { font-size: calc(1em + .5em); font-size: var(--size-7);}


h3, .h3 { font-size: calc(1em + .25em); font-size: var(--size-6);}


h4, .h4 { font-size: 1em; font-size: var(--size-5);}


h5, .h5 { font-size: calc(1em - .125em); font-size: var(--size-4);}


h6, .h6 { font-size: calc(1em - .25em); font-size: var(--size-3);}


.h0{ font-size: calc(1em + 2em); font-size: var(--size-9);}


.h7{font-size: calc(1em - .35em);font-size: var(--size-2);}


.font-inherit{ font-family: inherit;}


/* Size */


.size-0{font-size: calc(1em - 1em);font-size: var(--size-0);}


.size-1{font-size: calc(1em - .75em);font-size: var(--size-1);}


.size-2{font-size: calc(1em - .35em);font-size: var(--size-2);}


.size-3{font-size: calc(1em - .25em);font-size: var(--size-3);}


.size-4{font-size: calc(1em - .125em);font-size: var(--size-4);}


.size-5{font-size: 1em;font-size: var(--size-5);}


.size-6{font-size: calc(1em + .25em);font-size: var(--size-6);}


.size-7{font-size: calc(1em + .5em);font-size: var(--size-7);}


.size-8{font-size: calc(1em + 1em);font-size: var(--size-8);}


.size-9{font-size: calc(1em + 2em);font-size: var(--size-9);}


.size-10{font-size: calc(1em + 4em);font-size: var(--size-10);}


.size-auto{ font-size: inherit;}


/* Weight */


.thin{ font-weight: 100; font-weight: var(--weight-1);}


.extra-light{ font-weight: 200; font-weight: var(--weight-2);}


.light{ font-weight: 300; font-weight: var(--weight-3);}


.normal{ font-weight: 400; font-weight: var(--weight-4);}


.medium{ font-weight: 500; font-weight: var(--weight-5);}


.semi-bold{ font-weight: 600; font-weight: var(--weight-6);}


.bold{ font-weight: 700; font-weight: var(--weight-7);}


.extra-bold{ font-weight: 800; font-weight: var(--weight-8);}


.heavy{ font-weight: 900; font-weight: var(--weight-9);}


.lighter{font-weight: lighter;}


/* lighter than parent element*/


.bolder{font-weight: bolder;}


/* bolder than parent element*/


.lh0{line-height: 0;}


.lh1{line-height: 1;}


.lh2{line-height: 1.5;}


.lh3{line-height: 2;}


.lh4{line-height: 3;}


.bold    { font-weight: bold;}


.regular { font-weight: normal;}


.italic  { font-style: italic;}


.caps    { text-transform: uppercase; letter-spacing: .2em; }


.left-align   { text-align: left;}


.center       { text-align: center;}


.right-align  { text-align: right;}


.justify      { text-align: justify;}


.nowrap { white-space: nowrap;}


.ls0{letter-spacing: 0;}


.ls1{letter-spacing: 0.1em;}


.ls2{letter-spacing: 0.2em;}


.text-shadow {text-shadow: 0 0 2px hsla(0, 0%, 0%, 0.15);}


.text-shadow-1 { text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);}


.list-reset { list-style: none; padding-left: 0;}


.blockquote {
  quotes: "“" "”" "‘" "’";
}


.blockquote:before {
    content: open-quote;
}


.blockquote:after {
    content: close-quote;
}


.blockquote:before, .blockquote:after {
  color: currentColor;
  font-size: 3.5em;
  line-height: .1em;
  margin: 0 .125em;
  vertical-align: -.4em;
  opacity: .3;
}


/*

A CSS layout mode, sometimes abbreviated as layout, is an algorithm determining the position and the size of boxes based on the way they interact with their sibling and ancestor boxes. There are several of them:

  -  The block layout, designed for laying out documents. The block layout contains document-centric features, like the ability to float elements or to lay them out over multiple columns.
  -  The inline layout, designed for laying out text.
  -  The table layout, designed for laying out tables.
  -  The positioned layout, designed for positioning elements without much interaction with other elements.
  -  The flexible box layout, designed for laying out complex pages that can be resized smoothly.
  -  The grid layout, designed for laying out elements relative to a fixed grid.


*/


/* The block layout */


.inline       { display: inline }


.block        { display: block;}


.inline-block { display: inline-block }


.clearfix:before,
.clearfix:after {
  content: " ";
  display: table
}


.clearfix:after { clear: both }


.left  { float: left }


.right { float: right }


.z1 { z-index: 1 ;}


.z2 { z-index: 2 ;}


.z3 { z-index: 3 ;}


.z4 { z-index: 4 ;}


.z-1{z-index: -1;}


.z-max{z-index: 10001;}


.relative { position: relative ;}


.absolute { position: absolute ;}


.fixed    { position: fixed ;}


.top-0    { top: 0 ;}


.right-0  { right: 0 ;}


.bottom-0 { bottom: 0 ;}


.left-0   { left: 0 ;}


.right-1{ right: 1rem;}


.bottom-1{ bottom: 1rem;}


.sm-show, .md-show, .lg-show {
  display: none !important
}


@media (min-width: 40em) {
  .sm-show { display: block !important }
}


@media (min-width: 52em) {
  .md-show { display: block !important }
}


@media (min-width: 64em) {
  .lg-show { display: block !important }
}


@media (min-width: 40em) {
  .sm-hide { display: none !important }
}


@media (min-width: 52em) {
  .md-hide { display: none !important }
}


@media (min-width: 64em) {
  .lg-hide { display: none !important }
}


.display-none { display: none !important }


.hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}


/* Flex */


.flex { display: flex;}


.inline-flex { display: inline-flex;}


.flex-column  {flex-direction: column;}


.flex-wrap    {flex-wrap: wrap;}


.flex-center   {align-items: center;}


.flex-baseline {align-items: baseline;}


.flex-stretch  {align-items: stretch;}


.flex-start    {align-items: flex-start;}


.flex-end      {align-items: flex-end;}


.content-between  {justify-content: space-between;}


.content-around {justify-content: space-around;}


.content-start {justify-content: flex-start;}


.content-end {justify-content: flex-end;}


.content-center {justify-content: center;}


.align-start{ align-self: flex-start;}


.align-end{ align-self: flex-end;}


.align-center{ align-self: center;}


.flex-first { order: -1;}


.flex-last  {order: 1024;}


.flex-auto {flex: 1 1 auto;}


.flex-grow {flex: 1 0 auto;}


.flex-none {flex: none;}


.flex > div { box-sizing: border-box }


@media (min-width: 40em) {
  .sm-flex { display: flex;}
  .sm-flex > div { box-sizing: border-box }
}


@media (min-width: 52em) {
  .md-flex { display: flex;}
  .md-flex > div { box-sizing: border-box }
}


@media (min-width: 64em) {
  .lg-flex { display: flex }
  .lg-flex > div { box-sizing: border-box;}
}


/* Grid */


.container {
  max-width: 64em;
  margin-left: auto;
  margin-right: auto;
}


.col {
  float: left;
  box-sizing: border-box;
}


.col-right {
  float: right;
  box-sizing: border-box;
}


.col-1 {
  width: 8.33333%;
}


.col-2 {
  width: 16.66667%;
}


.col-3 {
  width: 25%;
}


.col-4 {
  width: 33.33333%;
}


.col-5 {
  width: 41.66667%;
}


.col-6 {
  width: 50%;
}


.col-7 {
  width: 58.33333%;
}


.col-8 {
  width: 66.66667%;
}


.col-9 {
  width: 75%;
}


.col-10 {
  width: 83.33333%;
}


.col-11 {
  width: 91.66667%;
}


.col-12 {
  width: 100%;
}


@media (min-width: 40em) {

  .sm-col {
    float: left;
    box-sizing: border-box;
  }

  .sm-col-right {
    float: right;
    box-sizing: border-box;
  }

  .sm-col-1 {
    width: 8.33333%;
  }

  .sm-col-2 {
    width: 16.66667%;
  }

  .sm-col-3 {
    width: 25%;
  }

  .sm-col-4 {
    width: 33.33333%;
  }

  .sm-col-5 {
    width: 41.66667%;
  }

  .sm-col-6 {
    width: 50%;
  }

  .sm-col-7 {
    width: 58.33333%;
  }

  .sm-col-8 {
    width: 66.66667%;
  }

  .sm-col-9 {
    width: 75%;
  }

  .sm-col-10 {
    width: 83.33333%;
  }

  .sm-col-11 {
    width: 91.66667%;
  }

  .sm-col-12 {
    width: 100%;
  }

}


@media (min-width: 52em) {

  .md-col {
    float: left;
    box-sizing: border-box;
  }

  .md-col-right {
    float: right;
    box-sizing: border-box;
  }

  .md-col-1 {
    width: 8.33333%;
  }

  .md-col-2 {
    width: 16.66667%;
  }

  .md-col-3 {
    width: 25%;
  }

  .md-col-4 {
    width: 33.33333%;
  }

  .md-col-5 {
    width: 41.66667%;
  }

  .md-col-6 {
    width: 50%;
  }

  .md-col-7 {
    width: 58.33333%;
  }

  .md-col-8 {
    width: 66.66667%;
  }

  .md-col-9 {
    width: 75%;
  }

  .md-col-10 {
    width: 83.33333%;
  }

  .md-col-11 {
    width: 91.66667%;
  }

  .md-col-12 {
    width: 100%;
  }

}


@media (min-width: 64em) {

  .lg-col {
    float: left;
    box-sizing: border-box;
  }

  .lg-col-right {
    float: right;
    box-sizing: border-box;
  }

  .lg-col-1 {
    width: 8.33333%;
  }

  .lg-col-2 {
    width: 16.66667%;
  }

  .lg-col-3 {
    width: 25%;
  }

  .lg-col-4 {
    width: 33.33333%;
  }

  .lg-col-5 {
    width: 41.66667%;
  }

  .lg-col-6 {
    width: 50%;
  }

  .lg-col-7 {
    width: 58.33333%;
  }

  .lg-col-8 {
    width: 66.66667%;
  }

  .lg-col-9 {
    width: 75%;
  }

  .lg-col-10 {
    width: 83.33333%;
  }

  .lg-col-11 {
    width: 91.66667%;
  }

  .lg-col-12 {
    width: 100%;
  }

}


@custom-media --breakpoint-xs (max-width: 40em);


@custom-media --breakpoint-sm (min-width: 40em);


@custom-media --breakpoint-md (min-width: 52em);


@custom-media --breakpoint-lg (min-width: 64em);


@custom-media --breakpoint-xl (min-width: 80em);


/*
Box model
  box-shadow
  box-sizing
  height
  margin
  margin-bottom
  margin-left
  margin-right
  margin-top
  max-height
  max-width
  min-height
  min-width
  overflow
  overflow-x
  overflow-y
  padding
  padding-bottom
  padding-left
  padding-right
  padding-top
  visibility
  width
 */


/* box-shadow */


.box-shadow-1 { box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.48);}


.box-shadow-2 { box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.32);}


.box-shadow-3{  box-shadow: 0 1px 0px rgba(255, 255, 255, 0.1)inset, 0 -2px 0px rgba(0, 0, 0, 0.13)inset;}


.lift-1{box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.52);}


.box-inset { box-shadow:inset 0px 0px 6px rgba(0, 0, 0, 0.48);}


/* overflow related */


.overflow-hidden { overflow: hidden;}


.overflow-scroll { overflow: scroll;}


.overflow-auto   { overflow: auto;}


.overflow-y      { overflow-y: auto;}


.overflow-x      { overflow-x: auto;}


/* max-width related */


.fit { max-width: 100%;}


/* width related */


.half-width { width: 50%;}


.full-width { width: 100%;}


/* max-height related */


.max-h, .maxh100{max-height: 100%;}


.maxh50{ max-height:50vh;}


.maxh100vh{ max-height: 100vh;}


/* min-height related */


.minh50{ min-height:50vh;}


.minh66{ min-height:66vh;}


.minh100{ min-height: 100vh;}


.min-vh-auto{min-height: auto;}


.min-vh-1{min-height:25vh;}


.min-vh-2{min-height:33vh;}


.min-vh-3{min-height:50vh;}


.min-vh-4{min-height:66vh;}


.min-vh-5{min-height:75vh;}


.min-vh-6{min-height:100vh;}


/* height related */


.h20{ height: 20rem;}


.h100{ height: 100%;}


.h50{ height: 50%;}


.h50vh{ height: 50vh;}


/* box-sizing related */


.border-box{box-sizing: border-box;}


.content-box{box-sizing: content-box;}


/* Margins */


.m0  { margin:        0 }


.mt0 { margin-top:    0 }


.mr0 { margin-right:  0 }


.mb0 { margin-bottom: 0 }


.ml0 { margin-left:   0 }


.mx0 { margin-left:   0; margin-right:  0 }


.my0 { margin-top:    0; margin-bottom: 0 }


.m1  { margin: .5rem; margin:        var(--space-1) }


.mt1 { margin-top: .5rem; margin-top:    var(--space-1) }


.mr1 { margin-right: .5rem; margin-right:  var(--space-1) }


.mb1 { margin-bottom: .5rem; margin-bottom: var(--space-1) }


.ml1 { margin-left: .5rem; margin-left:   var(--space-1) }


.mx1 { margin-left: .5rem; margin-left:   var(--space-1); margin-right: .5rem; margin-right:  var(--space-1) }


.my1 { margin-top: .5rem; margin-top:    var(--space-1); margin-bottom: .5rem; margin-bottom: var(--space-1) }


.m2  { margin: 1rem; margin:        var(--space-2) }


.mt2 { margin-top: 1rem; margin-top:    var(--space-2) }


.mr2 { margin-right: 1rem; margin-right:  var(--space-2) }


.mb2 { margin-bottom: 1rem; margin-bottom: var(--space-2) }


.ml2 { margin-left: 1rem; margin-left:   var(--space-2) }


.mx2 { margin-left: 1rem; margin-left:   var(--space-2); margin-right: 1rem; margin-right:  var(--space-2) }


.my2 { margin-top: 1rem; margin-top:    var(--space-2); margin-bottom: 1rem; margin-bottom: var(--space-2) }


.m3  { margin: 2rem; margin:        var(--space-3) }


.mt3 { margin-top: 2rem; margin-top:    var(--space-3) }


.mr3 { margin-right: 2rem; margin-right:  var(--space-3) }


.mb3 { margin-bottom: 2rem; margin-bottom: var(--space-3) }


.ml3 { margin-left: 2rem; margin-left:   var(--space-3) }


.mx3 { margin-left: 2rem; margin-left:   var(--space-3); margin-right: 2rem; margin-right:  var(--space-3) }


.my3 { margin-top: 2rem; margin-top:    var(--space-3); margin-bottom: 2rem; margin-bottom: var(--space-3) }


.m4  { margin: 4rem; margin:        var(--space-4) }


.mt4 { margin-top: 4rem; margin-top:    var(--space-4) }


.mr4 { margin-right: 4rem; margin-right:  var(--space-4) }


.mb4 { margin-bottom: 4rem; margin-bottom: var(--space-4) }


.ml4 { margin-left: 4rem; margin-left:   var(--space-4) }


.mx4 { margin-left: 4rem; margin-left:   var(--space-4); margin-right: 4rem; margin-right:  var(--space-4) }


.my4 { margin-top: 4rem; margin-top:    var(--space-4); margin-bottom: 4rem; margin-bottom: var(--space-4) }


.mxn1 { margin-left: calc(.5rem * -1); margin-left: calc(var(--space-1) * -1); margin-right: calc(.5rem * -1); margin-right: calc(var(--space-1) * -1); }


.mxn2 { margin-left: calc(1rem * -1); margin-left: calc(var(--space-2) * -1); margin-right: calc(1rem * -1); margin-right: calc(var(--space-2) * -1); }


.mxn3 { margin-left: calc(2rem * -1); margin-left: calc(var(--space-3) * -1); margin-right: calc(2rem * -1); margin-right: calc(var(--space-3) * -1); }


.mxn4 { margin-left: calc(4rem * -1); margin-left: calc(var(--space-4) * -1); margin-right: calc(4rem * -1); margin-right: calc(var(--space-4) * -1); }


.ml-auto { margin-left: auto }


.mr-auto { margin-right: auto }


.mx-auto { margin-left: auto; margin-right: auto; }


.mmin{ margin: .25rem;}


/* Padding */


.p0  { padding: 0 }


.pt0 { padding-top: 0 }


.pr0 { padding-right: 0 }


.pb0 { padding-bottom: 0 }


.pl0 { padding-left: 0 }


.px0 { padding-left: 0; padding-right:  0 }


.py0 { padding-top: 0;  padding-bottom: 0 }


.p1  { padding: .5rem; padding:        var(--space-1) }


.pt1 { padding-top: .5rem; padding-top:    var(--space-1) }


.pr1 { padding-right: .5rem; padding-right:  var(--space-1) }


.pb1 { padding-bottom: .5rem; padding-bottom: var(--space-1) }


.pl1 { padding-left: .5rem; padding-left:   var(--space-1) }


.py1 { padding-top: .5rem; padding-top:    var(--space-1); padding-bottom: .5rem; padding-bottom: var(--space-1) }


.px1 { padding-left: .5rem; padding-left:   var(--space-1); padding-right: .5rem; padding-right:  var(--space-1) }


.p2  { padding: 1rem; padding:        var(--space-2) }


.pt2 { padding-top: 1rem; padding-top:    var(--space-2) }


.pr2 { padding-right: 1rem; padding-right:  var(--space-2) }


.pb2 { padding-bottom: 1rem; padding-bottom: var(--space-2) }


.pl2 { padding-left: 1rem; padding-left:   var(--space-2) }


.py2 { padding-top: 1rem; padding-top:    var(--space-2); padding-bottom: 1rem; padding-bottom: var(--space-2) }


.px2 { padding-left: 1rem; padding-left:   var(--space-2); padding-right: 1rem; padding-right:  var(--space-2) }


.p3  { padding: 2rem; padding:        var(--space-3) }


.pt3 { padding-top: 2rem; padding-top:    var(--space-3) }


.pr3 { padding-right: 2rem; padding-right:  var(--space-3) }


.pb3 { padding-bottom: 2rem; padding-bottom: var(--space-3) }


.pl3 { padding-left: 2rem; padding-left:   var(--space-3) }


.py3 { padding-top: 2rem; padding-top:    var(--space-3); padding-bottom: 2rem; padding-bottom: var(--space-3) }


.px3 { padding-left: 2rem; padding-left:   var(--space-3); padding-right: 2rem; padding-right:  var(--space-3) }


.p4  { padding: 4rem; padding:        var(--space-4) }


.pt4 { padding-top: 4rem; padding-top:    var(--space-4) }


.pr4 { padding-right: 4rem; padding-right:  var(--space-4) }


.pb4 { padding-bottom: 4rem; padding-bottom: var(--space-4) }


.pl4 { padding-left: 4rem; padding-left:   var(--space-4) }


.py4 { padding-top: 4rem; padding-top:    var(--space-4); padding-bottom: 4rem; padding-bottom: var(--space-4) }


.px4 { padding-left: 4rem; padding-left:   var(--space-4); padding-right: 4rem; padding-right:  var(--space-4) }


.pmin{ padding: .05rem; border: 1px solid transparent;}


@media (--breakpoint-xs) {
 .sm-m0  { margin: 0; }
 .sm-mt0 { margin-top:0; }
 .sm-mr0 { margin-right:0; }
 .sm-mb0 { margin-bottom:0; }
 .sm-ml0 { margin-left:0; }
 .sm-mx0 { margin-left:0; margin-right:  0; }
 .sm-my0 { margin-top:0; margin-bottom: 0; }

 .sm-m1  { margin: .5rem; margin:        var(--space-1); }
 .sm-mt1 { margin-top: .5rem; margin-top:    var(--space-1); }
 .sm-mr1 { margin-right: .5rem; margin-right:  var(--space-1); }
 .sm-mb1 { margin-bottom: .5rem; margin-bottom: var(--space-1); }
 .sm-ml1 { margin-left: .5rem; margin-left:   var(--space-1); }
 .sm-mx1 { margin-left: .5rem; margin-left:   var(--space-1); margin-right: .5rem; margin-right:  var(--space-1); }
 .sm-my1 { margin-top: .5rem; margin-top:    var(--space-1); margin-bottom: .5rem; margin-bottom: var(--space-1); }

 .sm-mx-auto{margin-left: auto; margin-right: auto;}

 .sm-p0  { padding: 0 }

 .sm-pt0 { padding-top: 0 }
 .sm-pr0 { padding-right: 0 }
 .sm-pb0 { padding-bottom: 0 }
 .sm-pl0 { padding-left: 0 }
 .sm-px0 { padding-left: 0; padding-right:  0 }
 .sm-py0 { padding-top: 0;  padding-bottom: 0 }

 .sm-p1  { padding: .5rem; padding:        var(--space-1) }
 .sm-pt1 { padding-top: .5rem; padding-top:    var(--space-1) }
 .sm-pr1 { padding-right: .5rem; padding-right:  var(--space-1) }
 .sm-pb1 { padding-bottom: .5rem; padding-bottom: var(--space-1) }
 .sm-pl1 { padding-left: .5rem; padding-left:   var(--space-1) }
 .sm-py1 { padding-top: .5rem; padding-top:    var(--space-1); padding-bottom: .5rem; padding-bottom: var(--space-1) }
 .sm-px1 { padding-left: .5rem; padding-left:   var(--space-1); padding-right: .5rem; padding-right:  var(--space-1) }

 .sm-vh-auto{min-height: auto;}
}


@media (--breakpoint-sm) {

 .sm-vh-auto{min-height: none;}
}


/*
Borders

*/


.border {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0,0,0,.125);
}


.border-top {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: rgba(0,0,0,.125);
}


.border-right {
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: rgba(0,0,0,.125);
}


.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(0,0,0,.125);
}


.border-left {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: rgba(0,0,0,.125);
}


.rounded { border-radius: 3px }


.circle  { border-radius: 50% }


.rounded-top    { border-radius: 3px 3px 0 0 }


.rounded-right  { border-radius: 0 3px 3px 0 }


.rounded-bottom { border-radius: 0 0 3px 3px }


.rounded-left   { border-radius: 3px 0 0 3px }


.not-rounded { border-radius: 0 }


.border-1{ border-width: calc(.5rem/2); border-width: calc(var(--space-1)/2); border-style: solid;}


.border-1.border-bottom{border-width: 0; border-bottom-width: calc(.5rem/2); border-bottom-width:calc(var(--space-1)/2);}


.border-1.border-top{border-width: 0; border-top-width: calc(.5rem/2); border-top-width: calc(var(--space-1)/2);}


.border-1.border-left{border-width: 0; border-left-width: calc(.5rem/2); border-left-width: calc(var(--space-1)/2);}


.border-1.border-right{border-width: 0; border-right-width: calc(.5rem/2); border-right-width: calc(var(--space-1)/2);}


.border-2{ border-width: .5rem; border-width: var(--space-1); border-style: solid;}


.border-2.border-bottom{border-width: 0; border-bottom-width: .5rem; border-bottom-width: var(--space-1);}


.border-2.border-top{border-width: 0; border-top-width: .5rem; border-top-width: var(--space-1);}


.border-2.border-left{border-width: 0; border-left-width: .5rem; border-left-width: var(--space-1);}


.border-2.border-right{border-width: 0; border-right-width: .5rem; border-right-width: var(--space-1);}


.border-3{ border-width: 1rem; border-width: var(--space-2); border-style: solid;}


.border-3.border-bottom{border-width: 0; border-bottom-width: 1rem; border-bottom-width: var(--space-2);}


.border-3.border-top{border-width: 0; border-top-width: 1rem; border-top-width: var(--space-2);}


.border-3.border-left{border-width: 0; border-left-width: 1rem; border-left-width: var(--space-2);}


.border-3.border-right{border-width: 0; border-right-width: 1rem; border-right-width: var(--space-2);}


.border-4{ border-width: 2rem; border-width: var(--space-3); border-style: solid;}


.border-4.border-bottom{border-width: 0; border-bottom-width: 2rem; border-bottom-width: var(--space-3);}


.border-4.border-top{border-width: 0; border-top-width: 2rem; border-top-width: var(--space-3);}


.border-4.border-left{border-width: 0; border-left-width: 2rem; border-left-width: var(--space-3);}


.border-4.border-right{border-width: 0; border-right-width: 2rem; border-right-width: var(--space-3);}


.border-radius-4{ border-radius: 4px; }


.border-radius-6{ border-radius: 4px; }


.border-radius-8{ border-radius: 8px; }


.border-radius-16{ border-radius: 16px; }


.border-radius-50{ border-radius: 50%}


.border-inherit{border-color: currentColor;}


.border-none{ border: none;}


.border.border-dashed.muted{background-color: aliceblue;}


.border.border-dashed{ border-style: dashed;}


.border-left.border-dashed{ border-left-style: dashed;}


.border-right.border-dashed{ border-right-style: dashed;}


.border-bottom.border-dashed{ border-bottom-style: dashed;}


.border-top.border-dashed{ border-top-style: dashed;}


.opacity-0{ opacity: 0}


.opacity-13{ opacity: 0.13;}


.opacity-25{ opacity: 0.25;}


.opacity-33{ opacity: 0.33;}


.opacity-50{ opacity: 0.5;}


.opacity-66{ opacity: 0.66;}


.opacity-75{ opacity: 0.75;}


.opacity-87{ opacity: 0.87;}


.opacity-100{opacity: 1}


.opacity-solid {opacity: 1;}


.opacity-muted {opacity: 0.6;}


.opacity-none {opacity: 0;}


.muted { opacity: .5 }


/* Yellow */


.hover-yellow:hover {color: #fed700;color: var(--yellow);}


.hover-bg-yellow:hover {background-color: #fed700;background-color: var(--yellow);}


.hover-border-yellow:hover {border-color: #fed700;border-color: var(--yellow);}


.hover-yellow-1:hover {color: rgb(255, 247, 204);color: var(--yellow-1);}


.hover-bg-yellow-1:hover {background-color: rgb(255, 247, 204);background-color: var(--yellow-1);}


.hover-border-yellow-1:hover {border-color: rgb(255, 247, 204);border-color: var(--yellow-1);}


.hover-yellow-2:hover {color: rgb(255, 239, 153);color: var(--yellow-2);}


.hover-bg-yellow-2:hover {background-color: rgb(255, 239, 153);background-color: var(--yellow-2);}


.hover-border-yellow-2:hover {border-color: rgb(255, 239, 153);border-color: var(--yellow-2);}


.hover-yellow-3:hover {color: rgb(254, 231, 102);color: var(--yellow-3);}


.hover-bg-yellow-3:hover {background-color: rgb(254, 231, 102);background-color: var(--yellow-3);}


.hover-border-yellow-3:hover {border-color: rgb(254, 231, 102);border-color: var(--yellow-3);}


.hover-yellow-4:hover {color: rgb(254, 223, 51);color: var(--yellow-4);}


.hover-bg-yellow-4:hover {background-color: rgb(254, 223, 51);background-color: var(--yellow-4);}


.hover-border-yellow-4:hover {border-color: rgb(254, 223, 51);border-color: var(--yellow-4);}


.hover-yellow-5:hover {color: rgb(254, 215, 0);color: var(--yellow-5);}


.hover-bg-yellow-5:hover {background-color: rgb(254, 215, 0);background-color: var(--yellow-5);}


.hover-border-yellow-5:hover {border-color: rgb(254, 215, 0);border-color: var(--yellow-5);}


.hover-yellow-6:hover {color: rgb(203, 172, 0);color: var(--yellow-6);}


.hover-bg-yellow-6:hover {background-color: rgb(203, 172, 0);background-color: var(--yellow-6);}


.hover-border-yellow-6:hover {border-color: rgb(203, 172, 0);border-color: var(--yellow-6);}


.hover-yellow-7:hover {color: rgb(152, 129, 0);color: var(--yellow-7);}


.hover-bg-yellow-7:hover {background-color: rgb(152, 129, 0);background-color: var(--yellow-7);}


.hover-border-yellow-7:hover {border-color: rgb(152, 129, 0);border-color: var(--yellow-7);}


.hover-yellow-8:hover {color: rgb(102, 86, 0);color: var(--yellow-8);}


.hover-bg-yellow-8:hover {background-color: rgb(102, 86, 0);background-color: var(--yellow-8);}


.hover-border-yellow-8:hover {border-color: rgb(102, 86, 0);border-color: var(--yellow-8);}


.hover-yellow-9:hover {color: rgb(51, 43, 0);color: var(--yellow-9);}


.hover-bg-yellow-9:hover {background-color: rgb(51, 43, 0);background-color: var(--yellow-9);}


.hover-border-yellow-9:hover {border-color: rgb(51, 43, 0);border-color: var(--yellow-9);}


/* green */


.hover-green:hover {color: #13CE66;color: var(--green);}


.hover-bg-green:hover {background-color: #13CE66;background-color: var(--green);}


.hover-border-green:hover {border-color: #13CE66;border-color: var(--green);}


.hover-green-1:hover {color: rgb(208, 245, 224);color: var(--green-1);}


.hover-bg-green-1:hover {background-color: rgb(208, 245, 224);background-color: var(--green-1);}


.hover-border-green-1:hover {border-color: rgb(208, 245, 224);border-color: var(--green-1);}


.hover-green-2:hover {color: rgb(161, 235, 194);color: var(--green-2);}


.hover-bg-green-2:hover {background-color: rgb(161, 235, 194);background-color: var(--green-2);}


.hover-border-green-2:hover {border-color: rgb(161, 235, 194);border-color: var(--green-2);}


.hover-green-3:hover {color: rgb(113, 226, 163);color: var(--green-3);}


.hover-bg-green-3:hover {background-color: rgb(113, 226, 163);background-color: var(--green-3);}


.hover-border-green-3:hover {border-color: rgb(113, 226, 163);border-color: var(--green-3);}


.hover-green-4:hover {color: rgb(66, 216, 133);color: var(--green-4);}


.hover-bg-green-4:hover {background-color: rgb(66, 216, 133);background-color: var(--green-4);}


.hover-border-green-4:hover {border-color: rgb(66, 216, 133);border-color: var(--green-4);}


.hover-green-5:hover {color: rgb(19, 206, 102);color: var(--green-5);}


.hover-bg-green-5:hover {background-color: rgb(19, 206, 102);background-color: var(--green-5);}


.hover-border-green-5:hover {border-color: rgb(19, 206, 102);border-color: var(--green-5);}


.hover-green-6:hover {color: rgb(15, 165, 82);color: var(--green-6);}


.hover-bg-green-6:hover {background-color: rgb(15, 165, 82);background-color: var(--green-6);}


.hover-border-green-6:hover {border-color: rgb(15, 165, 82);border-color: var(--green-6);}


.hover-green-7:hover {color: rgb(11, 124, 61);color: var(--green-7);}


.hover-bg-green-7:hover {background-color: rgb(11, 124, 61);background-color: var(--green-7);}


.hover-border-green-7:hover {border-color: rgb(11, 124, 61);border-color: var(--green-7);}


.hover-green-8:hover {color: rgb(8, 82, 41);color: var(--green-8);}


.hover-bg-green-8:hover {background-color: rgb(8, 82, 41);background-color: var(--green-8);}


.hover-border-green-8:hover {border-color: rgb(8, 82, 41);border-color: var(--green-8);}


.hover-green-9:hover {color: rgb(4, 41, 20);color: var(--green-9);}


.hover-bg-green-9:hover {background-color: rgb(4, 41, 20);background-color: var(--green-9);}


.hover-border-green-9:hover {border-color: rgb(4, 41, 20);border-color: var(--green-9);}


/* teal */


.hover-teal:hover {color: #00b4a0;color: var(--teal);}


.hover-bg-teal:hover {background-color: #00b4a0;background-color: var(--teal);}


.hover-border-teal:hover {border-color: #00b4a0;border-color: var(--teal);}


.hover-teal-1:hover {color: rgb(204, 240, 236);color: var(--teal-1);}


.hover-bg-teal-1:hover {background-color: rgb(204, 240, 236);background-color: var(--teal-1);}


.hover-border-teal-1:hover {border-color: rgb(204, 240, 236);border-color: var(--teal-1);}


.hover-teal-2:hover {color: rgb(153, 225, 217);color: var(--teal-2);}


.hover-bg-teal-2:hover {background-color: rgb(153, 225, 217);background-color: var(--teal-2);}


.hover-border-teal-2:hover {border-color: rgb(153, 225, 217);border-color: var(--teal-2);}


.hover-teal-3:hover {color: rgb(102, 210, 198);color: var(--teal-3);}


.hover-bg-teal-3:hover {background-color: rgb(102, 210, 198);background-color: var(--teal-3);}


.hover-border-teal-3:hover {border-color: rgb(102, 210, 198);border-color: var(--teal-3);}


.hover-teal-4:hover {color: rgb(51, 195, 179);color: var(--teal-4);}


.hover-bg-teal-4:hover {background-color: rgb(51, 195, 179);background-color: var(--teal-4);}


.hover-border-teal-4:hover {border-color: rgb(51, 195, 179);border-color: var(--teal-4);}


.hover-teal-5:hover {color: rgb(0, 180, 160);color: var(--teal-5);}


.hover-bg-teal-5:hover {background-color: rgb(0, 180, 160);background-color: var(--teal-5);}


.hover-border-teal-5:hover {border-color: rgb(0, 180, 160);border-color: var(--teal-5);}


.hover-teal-6:hover {color: rgb(0, 144, 128);color: var(--teal-6);}


.hover-bg-teal-6:hover {background-color: rgb(0, 144, 128);background-color: var(--teal-6);}


.hover-border-teal-6:hover {border-color: rgb(0, 144, 128);border-color: var(--teal-6);}


.hover-teal-7:hover {color: rgb(0, 108, 96);color: var(--teal-7);}


.hover-bg-teal-7:hover {background-color: rgb(0, 108, 96);background-color: var(--teal-7);}


.hover-border-teal-7:hover {border-color: rgb(0, 108, 96);border-color: var(--teal-7);}


.hover-teal-8:hover {color: rgb(0, 72, 64);color: var(--teal-8);}


.hover-bg-teal-8:hover {background-color: rgb(0, 72, 64);background-color: var(--teal-8);}


.hover-border-teal-8:hover {border-color: rgb(0, 72, 64);border-color: var(--teal-8);}


.hover-teal-9:hover {color: rgb(0, 36, 32);color: var(--teal-9);}


.hover-bg-teal-9:hover {background-color: rgb(0, 36, 32);background-color: var(--teal-9);}


.hover-border-teal-9:hover {border-color: rgb(0, 36, 32);border-color: var(--teal-9);}


/* blue */


.hover-blue:hover {color: #0077FF;color: var(--blue);}


.hover-bg-blue:hover {background-color: #0077FF;background-color: var(--blue);}


.hover-border-blue:hover {border-color: #0077FF;border-color: var(--blue);}


.hover-blue-1:hover {color: rgb(204, 228, 255);color: var(--blue-1);}


.hover-bg-blue-1:hover {background-color: rgb(204, 228, 255);background-color: var(--blue-1);}


.hover-border-blue-1:hover {border-color: rgb(204, 228, 255);border-color: var(--blue-1);}


.hover-blue-2:hover {color: rgb(153, 201, 255);color: var(--blue-2);}


.hover-bg-blue-2:hover {background-color: rgb(153, 201, 255);background-color: var(--blue-2);}


.hover-border-blue-2:hover {border-color: rgb(153, 201, 255);border-color: var(--blue-2);}


.hover-blue-3:hover {color: rgb(102, 173, 255);color: var(--blue-3);}


.hover-bg-blue-3:hover {background-color: rgb(102, 173, 255);background-color: var(--blue-3);}


.hover-border-blue-3:hover {border-color: rgb(102, 173, 255);border-color: var(--blue-3);}


.hover-blue-4:hover {color: rgb(51, 146, 255);color: var(--blue-4);}


.hover-bg-blue-4:hover {background-color: rgb(51, 146, 255);background-color: var(--blue-4);}


.hover-border-blue-4:hover {border-color: rgb(51, 146, 255);border-color: var(--blue-4);}


.hover-blue-5:hover {color: rgb(0, 119, 255);color: var(--blue-5);}


.hover-bg-blue-5:hover {background-color: rgb(0, 119, 255);background-color: var(--blue-5);}


.hover-border-blue-5:hover {border-color: rgb(0, 119, 255);border-color: var(--blue-5);}


.hover-blue-6:hover {color: rgb(0, 95, 204);color: var(--blue-6);}


.hover-bg-blue-6:hover {background-color: rgb(0, 95, 204);background-color: var(--blue-6);}


.hover-border-blue-6:hover {border-color: rgb(0, 95, 204);border-color: var(--blue-6);}


.hover-blue-7:hover {color: rgb(0, 71, 153);color: var(--blue-7);}


.hover-bg-blue-7:hover {background-color: rgb(0, 71, 153);background-color: var(--blue-7);}


.hover-border-blue-7:hover {border-color: rgb(0, 71, 153);border-color: var(--blue-7);}


.hover-blue-8:hover {color: rgb(0, 48, 102);color: var(--blue-8);}


.hover-bg-blue-8:hover {background-color: rgb(0, 48, 102);background-color: var(--blue-8);}


.hover-border-blue-8:hover {border-color: rgb(0, 48, 102);border-color: var(--blue-8);}


.hover-blue-9:hover {color: rgb(0, 24, 51);color: var(--blue-9);}


.hover-bg-blue-9:hover {background-color: rgb(0, 24, 51);background-color: var(--blue-9);}


.hover-border-blue-9:hover {border-color: rgb(0, 24, 51);border-color: var(--blue-9);}


/* purple */


.hover-purple:hover {color: #994fd7;color: var(--purple);}


.hover-bg-purple:hover {background-color: #994fd7;background-color: var(--purple);}


.hover-border-purple:hover {border-color: #994fd7;border-color: var(--purple);}


.hover-purple-1:hover {color: rgb(235, 220, 247);color: var(--purple-1);}


.hover-bg-purple-1:hover {background-color: rgb(235, 220, 247);background-color: var(--purple-1);}


.hover-border-purple-1:hover {border-color: rgb(235, 220, 247);border-color: var(--purple-1);}


.hover-purple-2:hover {color: rgb(214, 185, 239);color: var(--purple-2);}


.hover-bg-purple-2:hover {background-color: rgb(214, 185, 239);background-color: var(--purple-2);}


.hover-border-purple-2:hover {border-color: rgb(214, 185, 239);border-color: var(--purple-2);}


.hover-purple-3:hover {color: rgb(194, 149, 231);color: var(--purple-3);}


.hover-bg-purple-3:hover {background-color: rgb(194, 149, 231);background-color: var(--purple-3);}


.hover-border-purple-3:hover {border-color: rgb(194, 149, 231);border-color: var(--purple-3);}


.hover-purple-4:hover {color: rgb(173, 114, 223);color: var(--purple-4);}


.hover-bg-purple-4:hover {background-color: rgb(173, 114, 223);background-color: var(--purple-4);}


.hover-border-purple-4:hover {border-color: rgb(173, 114, 223);border-color: var(--purple-4);}


.hover-purple-5:hover {color: rgb(153, 79, 215);color: var(--purple-5);}


.hover-bg-purple-5:hover {background-color: rgb(153, 79, 215);background-color: var(--purple-5);}


.hover-border-purple-5:hover {border-color: rgb(153, 79, 215);border-color: var(--purple-5);}


.hover-purple-6:hover {color: rgb(122, 63, 172);color: var(--purple-6);}


.hover-bg-purple-6:hover {background-color: rgb(122, 63, 172);background-color: var(--purple-6);}


.hover-border-purple-6:hover {border-color: rgb(122, 63, 172);border-color: var(--purple-6);}


.hover-purple-7:hover {color: rgb(92, 47, 129);color: var(--purple-7);}


.hover-bg-purple-7:hover {background-color: rgb(92, 47, 129);background-color: var(--purple-7);}


.hover-border-purple-7:hover {border-color: rgb(92, 47, 129);border-color: var(--purple-7);}


.hover-purple-8:hover {color: rgb(61, 32, 86);color: var(--purple-8);}


.hover-bg-purple-8:hover {background-color: rgb(61, 32, 86);background-color: var(--purple-8);}


.hover-border-purple-8:hover {border-color: rgb(61, 32, 86);border-color: var(--purple-8);}


.hover-purple-9:hover {color: rgb(31, 16, 43);color: var(--purple-9);}


.hover-bg-purple-9:hover {background-color: rgb(31, 16, 43);background-color: var(--purple-9);}


.hover-border-purple-9:hover {border-color: rgb(31, 16, 43);border-color: var(--purple-9);}


/* magenta */


.hover-magenta:hover {color: #ff35a0;color: var(--magenta);}


.hover-bg-magenta:hover {background-color: #ff35a0;background-color: var(--magenta);}


.hover-border-magenta:hover {border-color: #ff35a0;border-color: var(--magenta);}


.hover-magenta-1:hover {color: rgb(255, 215, 236);color: var(--magenta-1);}


.hover-bg-magenta-1:hover {background-color: rgb(255, 215, 236);background-color: var(--magenta-1);}


.hover-border-magenta-1:hover {border-color: rgb(255, 215, 236);border-color: var(--magenta-1);}


.hover-magenta-2:hover {color: rgb(255, 174, 217);color: var(--magenta-2);}


.hover-bg-magenta-2:hover {background-color: rgb(255, 174, 217);background-color: var(--magenta-2);}


.hover-border-magenta-2:hover {border-color: rgb(255, 174, 217);border-color: var(--magenta-2);}


.hover-magenta-3:hover {color: rgb(255, 134, 198);color: var(--magenta-3);}


.hover-bg-magenta-3:hover {background-color: rgb(255, 134, 198);background-color: var(--magenta-3);}


.hover-border-magenta-3:hover {border-color: rgb(255, 134, 198);border-color: var(--magenta-3);}


.hover-magenta-4:hover {color: rgb(255, 93, 179);color: var(--magenta-4);}


.hover-bg-magenta-4:hover {background-color: rgb(255, 93, 179);background-color: var(--magenta-4);}


.hover-border-magenta-4:hover {border-color: rgb(255, 93, 179);border-color: var(--magenta-4);}


.hover-magenta-5:hover {color: rgb(255, 53, 160);color: var(--magenta-5);}


.hover-bg-magenta-5:hover {background-color: rgb(255, 53, 160);background-color: var(--magenta-5);}


.hover-border-magenta-5:hover {border-color: rgb(255, 53, 160);border-color: var(--magenta-5);}


.hover-magenta-6:hover {color: rgb(204, 42, 128);color: var(--magenta-6);}


.hover-bg-magenta-6:hover {background-color: rgb(204, 42, 128);background-color: var(--magenta-6);}


.hover-border-magenta-6:hover {border-color: rgb(204, 42, 128);border-color: var(--magenta-6);}


.hover-magenta-7:hover {color: rgb(153, 32, 96);color: var(--magenta-7);}


.hover-bg-magenta-7:hover {background-color: rgb(153, 32, 96);background-color: var(--magenta-7);}


.hover-border-magenta-7:hover {border-color: rgb(153, 32, 96);border-color: var(--magenta-7);}


.hover-magenta-8:hover {color: rgb(102, 21, 64);color: var(--magenta-8);}


.hover-bg-magenta-8:hover {background-color: rgb(102, 21, 64);background-color: var(--magenta-8);}


.hover-border-magenta-8:hover {border-color: rgb(102, 21, 64);border-color: var(--magenta-8);}


.hover-magenta-9:hover {color: rgb(51, 11, 32);color: var(--magenta-9);}


.hover-bg-magenta-9:hover {background-color: rgb(51, 11, 32);background-color: var(--magenta-9);}


.hover-border-magenta-9:hover {border-color: rgb(51, 11, 32);border-color: var(--magenta-9);}


/* red */


.hover-red:hover {color: #e9222b;color: var(--red);}


.hover-bg-red:hover {background-color: #e9222b;background-color: var(--red);}


.hover-border-red:hover {border-color: #e9222b;border-color: var(--red);}


.hover-red-1:hover {color: rgb(251, 211, 213);color: var(--red-1);}


.hover-bg-red-1:hover {background-color: rgb(251, 211, 213);background-color: var(--red-1);}


.hover-border-red-1:hover {border-color: rgb(251, 211, 213);border-color: var(--red-1);}


.hover-red-2:hover {color: rgb(246, 167, 170);color: var(--red-2);}


.hover-bg-red-2:hover {background-color: rgb(246, 167, 170);background-color: var(--red-2);}


.hover-border-red-2:hover {border-color: rgb(246, 167, 170);border-color: var(--red-2);}


.hover-red-3:hover {color: rgb(242, 122, 128);color: var(--red-3);}


.hover-bg-red-3:hover {background-color: rgb(242, 122, 128);background-color: var(--red-3);}


.hover-border-red-3:hover {border-color: rgb(242, 122, 128);border-color: var(--red-3);}


.hover-red-4:hover {color: rgb(237, 78, 85);color: var(--red-4);}


.hover-bg-red-4:hover {background-color: rgb(237, 78, 85);background-color: var(--red-4);}


.hover-border-red-4:hover {border-color: rgb(237, 78, 85);border-color: var(--red-4);}


.hover-red-5:hover {color: rgb(233, 34, 43);color: var(--red-5);}


.hover-bg-red-5:hover {background-color: rgb(233, 34, 43);background-color: var(--red-5);}


.hover-border-red-5:hover {border-color: rgb(233, 34, 43);border-color: var(--red-5);}


.hover-red-6:hover {color: rgb(186, 27, 34);color: var(--red-6);}


.hover-bg-red-6:hover {background-color: rgb(186, 27, 34);background-color: var(--red-6);}


.hover-border-red-6:hover {border-color: rgb(186, 27, 34);border-color: var(--red-6);}


.hover-red-7:hover {color: rgb(140, 20, 26);color: var(--red-7);}


.hover-bg-red-7:hover {background-color: rgb(140, 20, 26);background-color: var(--red-7);}


.hover-border-red-7:hover {border-color: rgb(140, 20, 26);border-color: var(--red-7);}


.hover-red-8:hover {color: rgb(93, 14, 17);color: var(--red-8);}


.hover-bg-red-8:hover {background-color: rgb(93, 14, 17);background-color: var(--red-8);}


.hover-border-red-8:hover {border-color: rgb(93, 14, 17);border-color: var(--red-8);}


.hover-red-9:hover {color: rgb(47, 7, 9);color: var(--red-9);}


.hover-bg-red-9:hover {background-color: rgb(47, 7, 9);background-color: var(--red-9);}


.hover-border-red-9:hover {border-color: rgb(47, 7, 9);border-color: var(--red-9);}


/* orange */


.hover-orange:hover {color: #ff7822;color: var(--orange);}


.hover-bg-orange:hover {background-color: #ff7822;background-color: var(--orange);}


.hover-border-orange:hover {border-color: #ff7822;border-color: var(--orange);}


.hover-orange-1:hover {color: rgb(255, 228, 211);color: var(--orange-1);}


.hover-bg-orange-1:hover {background-color: rgb(255, 228, 211);background-color: var(--orange-1);}


.hover-border-orange-1:hover {border-color: rgb(255, 228, 211);border-color: var(--orange-1);}


.hover-orange-2:hover {color: rgb(255, 201, 167);color: var(--orange-2);}


.hover-bg-orange-2:hover {background-color: rgb(255, 201, 167);background-color: var(--orange-2);}


.hover-border-orange-2:hover {border-color: rgb(255, 201, 167);border-color: var(--orange-2);}


.hover-orange-3:hover {color: rgb(255, 174, 122);color: var(--orange-3);}


.hover-bg-orange-3:hover {background-color: rgb(255, 174, 122);background-color: var(--orange-3);}


.hover-border-orange-3:hover {border-color: rgb(255, 174, 122);border-color: var(--orange-3);}


.hover-orange-4:hover {color: rgb(255, 147, 78);color: var(--orange-4);}


.hover-bg-orange-4:hover {background-color: rgb(255, 147, 78);background-color: var(--orange-4);}


.hover-border-orange-4:hover {border-color: rgb(255, 147, 78);border-color: var(--orange-4);}


.hover-orange-5:hover {color: rgb(255, 120, 34);color: var(--orange-5);}


.hover-bg-orange-5:hover {background-color: rgb(255, 120, 34);background-color: var(--orange-5);}


.hover-border-orange-5:hover {border-color: rgb(255, 120, 34);border-color: var(--orange-5);}


.hover-orange-6:hover {color: rgb(204, 96, 27);color: var(--orange-6);}


.hover-bg-orange-6:hover {background-color: rgb(204, 96, 27);background-color: var(--orange-6);}


.hover-border-orange-6:hover {border-color: rgb(204, 96, 27);border-color: var(--orange-6);}


.hover-orange-7:hover {color: rgb(153, 72, 20);color: var(--orange-7);}


.hover-bg-orange-7:hover {background-color: rgb(153, 72, 20);background-color: var(--orange-7);}


.hover-border-orange-7:hover {border-color: rgb(153, 72, 20);border-color: var(--orange-7);}


.hover-orange-8:hover {color: rgb(102, 48, 14);color: var(--orange-8);}


.hover-bg-orange-8:hover {background-color: rgb(102, 48, 14);background-color: var(--orange-8);}


.hover-border-orange-8:hover {border-color: rgb(102, 48, 14);border-color: var(--orange-8);}


.hover-orange-9:hover {color: rgb(51, 24, 7);color: var(--orange-9);}


.hover-bg-orange-9:hover {background-color: rgb(51, 24, 7);background-color: var(--orange-9);}


.hover-border-orange-9:hover {border-color: rgb(51, 24, 7);border-color: var(--orange-9);}


/* gray */


.hover-gray:hover {color: #808080;color: var(--gray);}


.hover-bg-gray:hover {background-color: #808080;background-color: var(--gray);}


.hover-border-gray:hover {border-color: #808080;border-color: var(--gray);}


.hover-gray-1:hover {color: rgb(230, 230, 230);color: var(--gray-1);}


.hover-bg-gray-1:hover {background-color: rgb(230, 230, 230);background-color: var(--gray-1);}


.hover-border-gray-1:hover {border-color: rgb(230, 230, 230);border-color: var(--gray-1);}


.hover-gray-2:hover {color: rgb(204, 204, 204);color: var(--gray-2);}


.hover-bg-gray-2:hover {background-color: rgb(204, 204, 204);background-color: var(--gray-2);}


.hover-border-gray-2:hover {border-color: rgb(204, 204, 204);border-color: var(--gray-2);}


.hover-gray-3:hover {color: rgb(179, 179, 179);color: var(--gray-3);}


.hover-bg-gray-3:hover {background-color: rgb(179, 179, 179);background-color: var(--gray-3);}


.hover-border-gray-3:hover {border-color: rgb(179, 179, 179);border-color: var(--gray-3);}


.hover-gray-4:hover {color: rgb(153, 153, 153);color: var(--gray-4);}


.hover-bg-gray-4:hover {background-color: rgb(153, 153, 153);background-color: var(--gray-4);}


.hover-border-gray-4:hover {border-color: rgb(153, 153, 153);border-color: var(--gray-4);}


.hover-gray-5:hover {color: rgb(128, 128, 128);color: var(--gray-5);}


.hover-bg-gray-5:hover {background-color: rgb(128, 128, 128);background-color: var(--gray-5);}


.hover-border-gray-5:hover {border-color: rgb(128, 128, 128);border-color: var(--gray-5);}


.hover-gray-6:hover {color: rgb(102, 102, 102);color: var(--gray-6);}


.hover-bg-gray-6:hover {background-color: rgb(102, 102, 102);background-color: var(--gray-6);}


.hover-border-gray-6:hover {border-color: rgb(102, 102, 102);border-color: var(--gray-6);}


.hover-gray-7:hover {color: rgb(77, 77, 77);color: var(--gray-7);}


.hover-bg-gray-7:hover {background-color: rgb(77, 77, 77);background-color: var(--gray-7);}


.hover-border-gray-7:hover {border-color: rgb(77, 77, 77);border-color: var(--gray-7);}


.hover-gray-8:hover {color: rgb(51, 51, 51);color: var(--gray-8);}


.hover-bg-gray-8:hover {background-color: rgb(51, 51, 51);background-color: var(--gray-8);}


.hover-border-gray-8:hover {border-color: rgb(51, 51, 51);border-color: var(--gray-8);}


.hover-gray-9:hover {color: rgb(26, 26, 26);color: var(--gray-9);}


.hover-bg-gray-9:hover {background-color: rgb(26, 26, 26);background-color: var(--gray-9);}


.hover-border-gray-9:hover {border-color: rgb(26, 26, 26);border-color: var(--gray-9);}


.hover-blackhover, .hover-yellow-10:hover , .hover-green-10, .hover-teal-10, .hover-blue-10, .hover-purple-10, .hover-magenta-10, .hover-red-10, .hover-orange-10, .hover-gray-10:hover {color: #000000;color: var(--black);}


.hover-bg-black, .hover-bg-yellow-10, .hover-bg-green-10, .hover-bg-teal-10, .hover-bg-blue-10, .hover-bg-purple-10, .hover-bg-magenta-10, .hover-bg-red-10, .hover-bg-orange-10, .hover-bg-gray-10:hover {background-color: #000000;background-color: var(--black);}


.hover-border-black, .hover-border-yellow-10, .hover-border-green-10, .hover-border-teal-10, .hover-border-blue-10, .hover-border-purple-10, .hover-border-magenta-10, .hover-border-red-10, .hover-border-orange-10, .hover-border-gray-10:hover {border-color: #000000;border-color: var(--black);}


.hover-whitehover, .hover-yellow-0:hover, .hover-green-0:hover, .hover-teal-0:hover, .hover-blue-0:hover, .hover-purple-0:hover, .hover-magenta-0:hover, .hover-red-0:hover , .hover-orange-0:hover , .hover-gray-0:hover {color: #ffffff;color: var(--white);}


.hover-bg-white, .hover-bg-yellow-0:hover , .hover-bg-green-0:hover , .hover-bg-teal-0:hover , .hover-bg-blue-0:hover , .hover-bg-purple-0:hover, .hover-bg-magenta-0:hover, .hover-bg-red-0:hover, .hover-bg-orange-0:hover, .hover-bg-gray-0:hover {background-color: #ffffff;background-color: var(--white);}


.hover-border-white, .hover-border-yellow-0:hover, .hover-border-green-0:hover, .hover-border-teal-0:hover, .hover-border-blue-0:hover, .hover-border-purple-0:hover, .hover-border-magenta-0:hover, .hover-border-red-0:hover, .hover-border-orange-0:hover, .hover-border-gray-0:hover {border-color: #ffffff;border-color: var(--white);}


.hover-color-inherit:hover {color: inherit;}


.hover-bg-color-inherit:hover {background-color: inherit;}


.hover-border-color-inherit:hover {border-color: inherit;}


.hover-bg-inherit:hover {background-color: inherit;}


/*------------------------------------*\
COLORS
\*------------------------------------*/


/* Yellow */


.link-yellow a{color: #fed700;color: var(--yellow);}


.link-yellow-1 a{color: rgb(255, 247, 204);color: var(--yellow-1);}


.link-yellow-2 a{color: rgb(255, 239, 153);color: var(--yellow-2);}


.link-yellow-3 a{color: rgb(254, 231, 102);color: var(--yellow-3);}


.link-yellow-4 a{color: rgb(254, 223, 51);color: var(--yellow-4);}


.link-yellow-5 a{color: rgb(254, 215, 0);color: var(--yellow-5);}


.link-yellow-6 a{color: rgb(203, 172, 0);color: var(--yellow-6);}


.link-yellow-7 a{color: rgb(152, 129, 0);color: var(--yellow-7);}


.link-yellow-8 a{color: rgb(102, 86, 0);color: var(--yellow-8);}


.link-yellow-9 a{color: rgb(51, 43, 0);color: var(--yellow-9);}


/* Green */


.link-green a{color: #13CE66;color: var(--green);}


.link-green-1 a{color: rgb(208, 245, 224);color: var(--green-1);}


.link-green-2 a{color: rgb(161, 235, 194);color: var(--green-2);}


.link-green-3 a{color: rgb(113, 226, 163);color: var(--green-3);}


.link-green-4 a{color: rgb(66, 216, 133);color: var(--green-4);}


.link-green-5 a{color: rgb(19, 206, 102);color: var(--green-5);}


.link-green-6 a{color: rgb(15, 165, 82);color: var(--green-6);}


.link-green-7 a{color: rgb(11, 124, 61);color: var(--green-7);}


.link-green-8 a{color: rgb(8, 82, 41);color: var(--green-8);}


.link-green-9 a{color: rgb(4, 41, 20);color: var(--green-9);}


/* Teal */


.link-teal a{color: #00b4a0;color: var(--teal);}


.link-teal-1 a{color: rgb(204, 240, 236);color: var(--teal-1);}


.link-teal-2 a{color: rgb(153, 225, 217);color: var(--teal-2);}


.link-teal-3 a{color: rgb(102, 210, 198);color: var(--teal-3);}


.link-teal-4 a{color: rgb(51, 195, 179);color: var(--teal-4);}


.link-teal-5 a{color: rgb(0, 180, 160);color: var(--teal-5);}


.link-teal-6 a{color: rgb(0, 144, 128);color: var(--teal-6);}


.link-teal-7 a{color: rgb(0, 108, 96);color: var(--teal-7);}


.link-teal-8 a{color: rgb(0, 72, 64);color: var(--teal-8);}


.link-teal-9 a{color: rgb(0, 36, 32);color: var(--teal-9);}


/* Blue */


.link-blue a{color: #0077FF;color: var(--blue);}


.link-blue-1 a{color: rgb(204, 228, 255);color: var(--blue-1);}


.link-blue-2 a{color: rgb(153, 201, 255);color: var(--blue-2);}


.link-blue-3 a{color: rgb(102, 173, 255);color: var(--blue-3);}


.link-blue-4 a{color: rgb(51, 146, 255);color: var(--blue-4);}


.link-blue-5 a{color: rgb(0, 119, 255);color: var(--blue-5);}


.link-blue-6 a{color: rgb(0, 95, 204);color: var(--blue-6);}


.link-blue-7 a{color: rgb(0, 71, 153);color: var(--blue-7);}


.link-blue-8 a{color: rgb(0, 48, 102);color: var(--blue-8);}


.link-blue-9 a{color: rgb(0, 24, 51);color: var(--blue-9);}


/* Purple */


.link-purple a{color: #994fd7;color: var(--purple);}


.link-purple-1 a{color: rgb(235, 220, 247);color: var(--purple-1);}


.link-purple-2 a{color: rgb(214, 185, 239);color: var(--purple-2);}


.link-purple-3 a{color: rgb(194, 149, 231);color: var(--purple-3);}


.link-purple-4 a{color: rgb(173, 114, 223);color: var(--purple-4);}


.link-purple-5 a{color: rgb(153, 79, 215);color: var(--purple-5);}


.link-purple-6 a{color: rgb(122, 63, 172);color: var(--purple-6);}


.link-purple-7 a{color: rgb(92, 47, 129);color: var(--purple-7);}


.link-purple-8 a{color: rgb(61, 32, 86);color: var(--purple-8);}


.link-purple-9 a{color: rgb(31, 16, 43);color: var(--purple-9);}


/* Magenta */


.link-magenta a{color: #ff35a0;color: var(--magenta);}


.link-magenta-1 a{color: rgb(255, 215, 236);color: var(--magenta-1);}


.link-magenta-2 a{color: rgb(255, 174, 217);color: var(--magenta-2);}


.link-magenta-3 a{color: rgb(255, 134, 198);color: var(--magenta-3);}


.link-magenta-4 a{color: rgb(255, 93, 179);color: var(--magenta-4);}


.link-magenta-5 a{color: rgb(255, 53, 160);color: var(--magenta-5);}


.link-magenta-6 a{color: rgb(204, 42, 128);color: var(--magenta-6);}


.link-magenta-7 a{color: rgb(153, 32, 96);color: var(--magenta-7);}


.link-magenta-8 a{color: rgb(102, 21, 64);color: var(--magenta-8);}


.link-magenta-9 a{color: rgb(51, 11, 32);color: var(--magenta-9);}


/* Red */


.link-red a{color: #e9222b;color: var(--red);}


.link-red-1 a{color: rgb(251, 211, 213);color: var(--red-1);}


.link-red-2 a{color: rgb(246, 167, 170);color: var(--red-2);}


.link-red-3 a{color: rgb(242, 122, 128);color: var(--red-3);}


.link-red-4 a{color: rgb(237, 78, 85);color: var(--red-4);}


.link-red-5 a{color: rgb(233, 34, 43);color: var(--red-5);}


.link-red-6 a{color: rgb(186, 27, 34);color: var(--red-6);}


.link-red-7 a{color: rgb(140, 20, 26);color: var(--red-7);}


.link-red-8 a{color: rgb(93, 14, 17);color: var(--red-8);}


.link-red-9 a{color: rgb(47, 7, 9);color: var(--red-9);}


/* Orange */


.link-orange a{color: #ff7822;color: var(--orange);}


.link-orange-1 a{color: rgb(255, 228, 211);color: var(--orange-1);}


.link-orange-2 a{color: rgb(255, 201, 167);color: var(--orange-2);}


.link-orange-3 a{color: rgb(255, 174, 122);color: var(--orange-3);}


.link-orange-4 a{color: rgb(255, 147, 78);color: var(--orange-4);}


.link-orange-5 a{color: rgb(255, 120, 34);color: var(--orange-5);}


.link-orange-6 a{color: rgb(204, 96, 27);color: var(--orange-6);}


.link-orange-7 a{color: rgb(153, 72, 20);color: var(--orange-7);}


.link-orange-8 a{color: rgb(102, 48, 14);color: var(--orange-8);}


.link-orange-9 a{color: rgb(51, 24, 7);color: var(--orange-9);}


/* Gray */


.link-gray a{color: #808080;color: var(--gray);}


.link-gray-1 a{color: rgb(230, 230, 230);color: var(--gray-1);}


.link-gray-2 a{color: rgb(204, 204, 204);color: var(--gray-2);}


.link-gray-3 a{color: rgb(179, 179, 179);color: var(--gray-3);}


.link-gray-4 a{color: rgb(153, 153, 153);color: var(--gray-4);}


.link-gray-5 a{color: rgb(128, 128, 128);color: var(--gray-5);}


.link-gray-6 a{color: rgb(102, 102, 102);color: var(--gray-6);}


.link-gray-7 a{color: rgb(77, 77, 77);color: var(--gray-7);}


.link-gray-8 a{color: rgb(51, 51, 51);color: var(--gray-8);}


.link-gray-9 a{color: rgb(26, 26, 26);color: var(--gray-9);}


/* Black */


.link-yellow-10 a,
.link-green-10 a,
.link-teal-10 a,
.link-blue-10 a,
.link-purple-10 a,
.link-magenta-10 a,
.link-red-10 a,
.link-orange-10 a,
.link-gray-10 a {color: #000000;color: var(--black);}


/* White */


.link-yellow-0 a,
.link-green-0 a,
.link-teal-0 a,
.link-blue-0 a,
.link-purple-0 a,
.link-magenta-0 a,
.link-red-0 a,
.link-orange-0 a,
.link-gray-0 a {color: #ffffff;color: var(--white);}


.border-darken-1{border-color: rgba(0, 0, 0, 0.0325);border-color: rgba(0, 0, 0, 0.0325);}


.border-darken-2{border-color: rgba(0, 0, 0, 0.125);border-color: rgba(0, 0, 0, 0.125);}


.border-darken-3{border-color: rgba(0, 0, 0, 0.25);border-color: rgba(0, 0, 0, 0.25);}


.border-darken-4{border-color: rgba(0, 0, 0, 0.5);border-color: rgba(0, 0, 0, 0.5);}


.border-lighten-1{border-color: rgba(255, 255, 255, 0.0725);border-color: rgba(255, 255, 255, 0.0725);}


.border-lighten-2{border-color: rgba(255, 255, 255, 0.15);border-color: rgba(255, 255, 255, 0.15);}


.border-lighten-3{border-color: rgba(255, 255, 255, 0.25);border-color: rgba(255, 255, 255, 0.25);}


.border-lighten-4{border-color: rgba(255, 255, 255, 0.5);border-color: rgba(255, 255, 255, 0.5);}


.bg-darken-1{background: rgba(0, 0, 0, 0.0325);background: rgba(0, 0, 0, 0.0325);}


.bg-darken-2{background: rgba(0, 0, 0, 0.125);background: rgba(0, 0, 0, 0.125);}


.bg-darken-3{background: rgba(0, 0, 0, 0.25);background: rgba(0, 0, 0, 0.25);}


.bg-darken-4{background: rgba(0, 0, 0, 0.5);background: rgba(0, 0, 0, 0.5);}


.darken-1{color: rgba(0, 0, 0, 0.0325);color: rgba(0, 0, 0, 0.0325);}


.darken-2{color: rgba(0, 0, 0, 0.125);color: rgba(0, 0, 0, 0.125);}


.darken-3{color: rgba(0, 0, 0, 0.25);color: rgba(0, 0, 0, 0.25);}


.darken-4{color: rgba(0, 0, 0, 0.5);color: rgba(0, 0, 0, 0.5);}


.bg-lighten-1{background: rgba(255, 255, 255, 0.0725);background: rgba(255, 255, 255, 0.0725);}


.bg-lighten-2{background: rgba(255, 255, 255, 0.15);background: rgba(255, 255, 255, 0.15);}


.bg-lighten-3{background: rgba(255, 255, 255, 0.25);background: rgba(255, 255, 255, 0.25);}


.bg-lighten-4{background: rgba(255, 255, 255, 0.5);background: rgba(255, 255, 255, 0.5);}


.lighten-1{color: rgba(255, 255, 255, 0.0725);color: rgba(255, 255, 255, 0.0725);}


.lighten-2{color: rgba(255, 255, 255, 0.15);color: rgba(255, 255, 255, 0.15);}


.lighten-3{color: rgba(255, 255, 255, 0.25);color: rgba(255, 255, 255, 0.25);}


.lighten-4{color: rgba(255, 255, 255, 0.5);color: rgba(255, 255, 255, 0.5);}


.translucent{background: rgba(255, 255, 255, 0.97);background: rgba(255, 255, 255, 0.97);}


.translucent-dark{background: rgba(51, 51, 51, 0.97);background: rgba(51, 51, 51, 0.97);}


.fader-auto {background: linear-gradient(180deg, transparent 50%, currentColor 100%); opacity: 1;}


.fader-black{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 66%, rgba(0, 0, 0, 0.75) 90%, rgba(0, 0, 0, 0.95) 100%);background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 66%, rgba(0, 0, 0, 0.75) 90%, rgba(0, 0, 0, 0.95) 100%); opacity: 1;}


.fader-white{background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 66%, rgba(255, 255, 255, 0.75) 90%, rgba(255, 255, 255, 0.95) 100%);background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 66%, rgba(255, 255, 255, 0.75) 90%, rgba(255, 255, 255, 0.95) 100%); opacity: 1;}


:root {

/* Base Colors */

--yellow: #fed700;
--green: #13CE66;
--teal: #00b4a0;
--blue: #0077FF;
--purple: #994fd7;
--magenta: #ff35a0;
--red: #e9222b;
--orange: #ff7822;

--white: #ffffff;
--gray: #808080;
--black: #000000;

/* Yellow */
--yellow-1: rgb(255, 247, 204);
--yellow-1: rgb(255, 247, 204);
--yellow-2: rgb(255, 239, 153);
--yellow-2: rgb(255, 239, 153);
--yellow-3: rgb(254, 231, 102);
--yellow-3: rgb(254, 231, 102);
--yellow-4: rgb(254, 223, 51);
--yellow-4: rgb(254, 223, 51);
--yellow-5: rgb(254, 215, 0);
--yellow-5: rgb(254, 215, 0);
--yellow-6: rgb(203, 172, 0);
--yellow-6: rgb(203, 172, 0);
--yellow-7: rgb(152, 129, 0);
--yellow-7: rgb(152, 129, 0);
--yellow-8: rgb(102, 86, 0);
--yellow-8: rgb(102, 86, 0);
--yellow-9: rgb(51, 43, 0);
--yellow-9: rgb(51, 43, 0);

/* Green */
--green-1: rgb(208, 245, 224);
--green-1: rgb(208, 245, 224);
--green-2: rgb(161, 235, 194);
--green-2: rgb(161, 235, 194);
--green-3: rgb(113, 226, 163);
--green-3: rgb(113, 226, 163);
--green-4: rgb(66, 216, 133);
--green-4: rgb(66, 216, 133);
--green-5: rgb(19, 206, 102);
--green-5: rgb(19, 206, 102);
--green-6: rgb(15, 165, 82);
--green-6: rgb(15, 165, 82);
--green-7: rgb(11, 124, 61);
--green-7: rgb(11, 124, 61);
--green-8: rgb(8, 82, 41);
--green-8: rgb(8, 82, 41);
--green-9: rgb(4, 41, 20);
--green-9: rgb(4, 41, 20);

/* Teal */
--teal-1: rgb(204, 240, 236);
--teal-1: rgb(204, 240, 236);
--teal-2: rgb(153, 225, 217);
--teal-2: rgb(153, 225, 217);
--teal-3: rgb(102, 210, 198);
--teal-3: rgb(102, 210, 198);
--teal-4: rgb(51, 195, 179);
--teal-4: rgb(51, 195, 179);
--teal-5: rgb(0, 180, 160);
--teal-5: rgb(0, 180, 160);
--teal-6: rgb(0, 144, 128);
--teal-6: rgb(0, 144, 128);
--teal-7: rgb(0, 108, 96);
--teal-7: rgb(0, 108, 96);
--teal-8: rgb(0, 72, 64);
--teal-8: rgb(0, 72, 64);
--teal-9: rgb(0, 36, 32);
--teal-9: rgb(0, 36, 32);

/* Blue */
--blue-1: rgb(204, 228, 255);
--blue-1: rgb(204, 228, 255);
--blue-2: rgb(153, 201, 255);
--blue-2: rgb(153, 201, 255);
--blue-3: rgb(102, 173, 255);
--blue-3: rgb(102, 173, 255);
--blue-4: rgb(51, 146, 255);
--blue-4: rgb(51, 146, 255);
--blue-5: rgb(0, 119, 255);
--blue-5: rgb(0, 119, 255);
--blue-6: rgb(0, 95, 204);
--blue-6: rgb(0, 95, 204);
--blue-7: rgb(0, 71, 153);
--blue-7: rgb(0, 71, 153);
--blue-8: rgb(0, 48, 102);
--blue-8: rgb(0, 48, 102);
--blue-9: rgb(0, 24, 51);
--blue-9: rgb(0, 24, 51);

/* Purple */
--purple-1: rgb(235, 220, 247);
--purple-1: rgb(235, 220, 247);
--purple-2: rgb(214, 185, 239);
--purple-2: rgb(214, 185, 239);
--purple-3: rgb(194, 149, 231);
--purple-3: rgb(194, 149, 231);
--purple-4: rgb(173, 114, 223);
--purple-4: rgb(173, 114, 223);
--purple-5: rgb(153, 79, 215);
--purple-5: rgb(153, 79, 215);
--purple-6: rgb(122, 63, 172);
--purple-6: rgb(122, 63, 172);
--purple-7: rgb(92, 47, 129);
--purple-7: rgb(92, 47, 129);
--purple-8: rgb(61, 32, 86);
--purple-8: rgb(61, 32, 86);
--purple-9: rgb(31, 16, 43);
--purple-9: rgb(31, 16, 43);

/* Magenta */
--magenta-1: rgb(255, 215, 236);
--magenta-1: rgb(255, 215, 236);
--magenta-2: rgb(255, 174, 217);
--magenta-2: rgb(255, 174, 217);
--magenta-3: rgb(255, 134, 198);
--magenta-3: rgb(255, 134, 198);
--magenta-4: rgb(255, 93, 179);
--magenta-4: rgb(255, 93, 179);
--magenta-5: rgb(255, 53, 160);
--magenta-5: rgb(255, 53, 160);
--magenta-6: rgb(204, 42, 128);
--magenta-6: rgb(204, 42, 128);
--magenta-7: rgb(153, 32, 96);
--magenta-7: rgb(153, 32, 96);
--magenta-8: rgb(102, 21, 64);
--magenta-8: rgb(102, 21, 64);
--magenta-9: rgb(51, 11, 32);
--magenta-9: rgb(51, 11, 32);

/* Red */
--red-1: rgb(251, 211, 213);
--red-1: rgb(251, 211, 213);
--red-2: rgb(246, 167, 170);
--red-2: rgb(246, 167, 170);
--red-3: rgb(242, 122, 128);
--red-3: rgb(242, 122, 128);
--red-4: rgb(237, 78, 85);
--red-4: rgb(237, 78, 85);
--red-5: rgb(233, 34, 43);
--red-5: rgb(233, 34, 43);
--red-6: rgb(186, 27, 34);
--red-6: rgb(186, 27, 34);
--red-7: rgb(140, 20, 26);
--red-7: rgb(140, 20, 26);
--red-8: rgb(93, 14, 17);
--red-8: rgb(93, 14, 17);
--red-9: rgb(47, 7, 9);
--red-9: rgb(47, 7, 9);

/* Orange */
--orange-1: rgb(255, 228, 211);
--orange-1: rgb(255, 228, 211);
--orange-2: rgb(255, 201, 167);
--orange-2: rgb(255, 201, 167);
--orange-3: rgb(255, 174, 122);
--orange-3: rgb(255, 174, 122);
--orange-4: rgb(255, 147, 78);
--orange-4: rgb(255, 147, 78);
--orange-5: rgb(255, 120, 34);
--orange-5: rgb(255, 120, 34);
--orange-6: rgb(204, 96, 27);
--orange-6: rgb(204, 96, 27);
--orange-7: rgb(153, 72, 20);
--orange-7: rgb(153, 72, 20);
--orange-8: rgb(102, 48, 14);
--orange-8: rgb(102, 48, 14);
--orange-9: rgb(51, 24, 7);
--orange-9: rgb(51, 24, 7);

/* Gray */
--gray-1: rgb(230, 230, 230);
--gray-1: rgb(230, 230, 230);
--gray-2: rgb(204, 204, 204);
--gray-2: rgb(204, 204, 204);
--gray-3: rgb(179, 179, 179);
--gray-3: rgb(179, 179, 179);
--gray-4: rgb(153, 153, 153);
--gray-4: rgb(153, 153, 153);
--gray-5: rgb(128, 128, 128);
--gray-5: rgb(128, 128, 128);
--gray-6: rgb(102, 102, 102);
--gray-6: rgb(102, 102, 102);
--gray-7: rgb(77, 77, 77);
--gray-7: rgb(77, 77, 77);
--gray-8: rgb(51, 51, 51);
--gray-8: rgb(51, 51, 51);
--gray-9: rgb(26, 26, 26);
--gray-9: rgb(26, 26, 26);

}


/*------------------------------------*\
COLORS
\*------------------------------------*/


/* Yellow */


.yellow {color: #fed700;color: var(--yellow);}


.bg-yellow {background-color: #fed700;background-color: var(--yellow);}


.border-yellow {border-color: #fed700;border-color: var(--yellow);}


.yellow-1 {color: rgb(255, 247, 204);color: var(--yellow-1);}


.bg-yellow-1 {background-color: rgb(255, 247, 204);background-color: var(--yellow-1);}


.border-yellow-1 {border-color: rgb(255, 247, 204);border-color: var(--yellow-1);}


.yellow-2 {color: rgb(255, 239, 153);color: var(--yellow-2);}


.bg-yellow-2 {background-color: rgb(255, 239, 153);background-color: var(--yellow-2);}


.border-yellow-2 {border-color: rgb(255, 239, 153);border-color: var(--yellow-2);}


.yellow-3 {color: rgb(254, 231, 102);color: var(--yellow-3);}


.bg-yellow-3 {background-color: rgb(254, 231, 102);background-color: var(--yellow-3);}


.border-yellow-3 {border-color: rgb(254, 231, 102);border-color: var(--yellow-3);}


.yellow-4 {color: rgb(254, 223, 51);color: var(--yellow-4);}


.bg-yellow-4 {background-color: rgb(254, 223, 51);background-color: var(--yellow-4);}


.border-yellow-4 {border-color: rgb(254, 223, 51);border-color: var(--yellow-4);}


.yellow-5 {color: rgb(254, 215, 0);color: var(--yellow-5);}


.bg-yellow-5 {background-color: rgb(254, 215, 0);background-color: var(--yellow-5);}


.border-yellow-5 {border-color: rgb(254, 215, 0);border-color: var(--yellow-5);}


.yellow-6 {color: rgb(203, 172, 0);color: var(--yellow-6);}


.bg-yellow-6 {background-color: rgb(203, 172, 0);background-color: var(--yellow-6);}


.border-yellow-6 {border-color: rgb(203, 172, 0);border-color: var(--yellow-6);}


.yellow-7 {color: rgb(152, 129, 0);color: var(--yellow-7);}


.bg-yellow-7 {background-color: rgb(152, 129, 0);background-color: var(--yellow-7);}


.border-yellow-7 {border-color: rgb(152, 129, 0);border-color: var(--yellow-7);}


.yellow-8 {color: rgb(102, 86, 0);color: var(--yellow-8);}


.bg-yellow-8 {background-color: rgb(102, 86, 0);background-color: var(--yellow-8);}


.border-yellow-8 {border-color: rgb(102, 86, 0);border-color: var(--yellow-8);}


.yellow-9 {color: rgb(51, 43, 0);color: var(--yellow-9);}


.bg-yellow-9 {background-color: rgb(51, 43, 0);background-color: var(--yellow-9);}


.border-yellow-9 {border-color: rgb(51, 43, 0);border-color: var(--yellow-9);}


/* green */


.green {color: #13CE66;color: var(--green);}


.bg-green {background-color: #13CE66;background-color: var(--green);}


.border-green {border-color: #13CE66;border-color: var(--green);}


.green-1 {color: rgb(208, 245, 224);color: var(--green-1);}


.bg-green-1 {background-color: rgb(208, 245, 224);background-color: var(--green-1);}


.border-green-1 {border-color: rgb(208, 245, 224);border-color: var(--green-1);}


.green-2 {color: rgb(161, 235, 194);color: var(--green-2);}


.bg-green-2 {background-color: rgb(161, 235, 194);background-color: var(--green-2);}


.border-green-2 {border-color: rgb(161, 235, 194);border-color: var(--green-2);}


.green-3 {color: rgb(113, 226, 163);color: var(--green-3);}


.bg-green-3 {background-color: rgb(113, 226, 163);background-color: var(--green-3);}


.border-green-3 {border-color: rgb(113, 226, 163);border-color: var(--green-3);}


.green-4 {color: rgb(66, 216, 133);color: var(--green-4);}


.bg-green-4 {background-color: rgb(66, 216, 133);background-color: var(--green-4);}


.border-green-4 {border-color: rgb(66, 216, 133);border-color: var(--green-4);}


.green-5 {color: rgb(19, 206, 102);color: var(--green-5);}


.bg-green-5 {background-color: rgb(19, 206, 102);background-color: var(--green-5);}


.border-green-5 {border-color: rgb(19, 206, 102);border-color: var(--green-5);}


.green-6 {color: rgb(15, 165, 82);color: var(--green-6);}


.bg-green-6 {background-color: rgb(15, 165, 82);background-color: var(--green-6);}


.border-green-6 {border-color: rgb(15, 165, 82);border-color: var(--green-6);}


.green-7 {color: rgb(11, 124, 61);color: var(--green-7);}


.bg-green-7 {background-color: rgb(11, 124, 61);background-color: var(--green-7);}


.border-green-7 {border-color: rgb(11, 124, 61);border-color: var(--green-7);}


.green-8 {color: rgb(8, 82, 41);color: var(--green-8);}


.bg-green-8 {background-color: rgb(8, 82, 41);background-color: var(--green-8);}


.border-green-8 {border-color: rgb(8, 82, 41);border-color: var(--green-8);}


.green-9 {color: rgb(4, 41, 20);color: var(--green-9);}


.bg-green-9 {background-color: rgb(4, 41, 20);background-color: var(--green-9);}


.border-green-9 {border-color: rgb(4, 41, 20);border-color: var(--green-9);}


/* teal */


.teal {color: #00b4a0;color: var(--teal);}


.bg-teal {background-color: #00b4a0;background-color: var(--teal);}


.border-teal {border-color: #00b4a0;border-color: var(--teal);}


.teal-1 {color: rgb(204, 240, 236);color: var(--teal-1);}


.bg-teal-1 {background-color: rgb(204, 240, 236);background-color: var(--teal-1);}


.border-teal-1 {border-color: rgb(204, 240, 236);border-color: var(--teal-1);}


.teal-2 {color: rgb(153, 225, 217);color: var(--teal-2);}


.bg-teal-2 {background-color: rgb(153, 225, 217);background-color: var(--teal-2);}


.border-teal-2 {border-color: rgb(153, 225, 217);border-color: var(--teal-2);}


.teal-3 {color: rgb(102, 210, 198);color: var(--teal-3);}


.bg-teal-3 {background-color: rgb(102, 210, 198);background-color: var(--teal-3);}


.border-teal-3 {border-color: rgb(102, 210, 198);border-color: var(--teal-3);}


.teal-4 {color: rgb(51, 195, 179);color: var(--teal-4);}


.bg-teal-4 {background-color: rgb(51, 195, 179);background-color: var(--teal-4);}


.border-teal-4 {border-color: rgb(51, 195, 179);border-color: var(--teal-4);}


.teal-5 {color: rgb(0, 180, 160);color: var(--teal-5);}


.bg-teal-5 {background-color: rgb(0, 180, 160);background-color: var(--teal-5);}


.border-teal-5 {border-color: rgb(0, 180, 160);border-color: var(--teal-5);}


.teal-6 {color: rgb(0, 144, 128);color: var(--teal-6);}


.bg-teal-6 {background-color: rgb(0, 144, 128);background-color: var(--teal-6);}


.border-teal-6 {border-color: rgb(0, 144, 128);border-color: var(--teal-6);}


.teal-7 {color: rgb(0, 108, 96);color: var(--teal-7);}


.bg-teal-7 {background-color: rgb(0, 108, 96);background-color: var(--teal-7);}


.border-teal-7 {border-color: rgb(0, 108, 96);border-color: var(--teal-7);}


.teal-8 {color: rgb(0, 72, 64);color: var(--teal-8);}


.bg-teal-8 {background-color: rgb(0, 72, 64);background-color: var(--teal-8);}


.border-teal-8 {border-color: rgb(0, 72, 64);border-color: var(--teal-8);}


.teal-9 {color: rgb(0, 36, 32);color: var(--teal-9);}


.bg-teal-9 {background-color: rgb(0, 36, 32);background-color: var(--teal-9);}


.border-teal-9 {border-color: rgb(0, 36, 32);border-color: var(--teal-9);}


/* blue */


.blue {color: #0077FF;color: var(--blue);}


.bg-blue {background-color: #0077FF;background-color: var(--blue);}


.border-blue {border-color: #0077FF;border-color: var(--blue);}


.blue-1 {color: rgb(204, 228, 255);color: var(--blue-1);}


.bg-blue-1 {background-color: rgb(204, 228, 255);background-color: var(--blue-1);}


.border-blue-1 {border-color: rgb(204, 228, 255);border-color: var(--blue-1);}


.blue-2 {color: rgb(153, 201, 255);color: var(--blue-2);}


.bg-blue-2 {background-color: rgb(153, 201, 255);background-color: var(--blue-2);}


.border-blue-2 {border-color: rgb(153, 201, 255);border-color: var(--blue-2);}


.blue-3 {color: rgb(102, 173, 255);color: var(--blue-3);}


.bg-blue-3 {background-color: rgb(102, 173, 255);background-color: var(--blue-3);}


.border-blue-3 {border-color: rgb(102, 173, 255);border-color: var(--blue-3);}


.blue-4 {color: rgb(51, 146, 255);color: var(--blue-4);}


.bg-blue-4 {background-color: rgb(51, 146, 255);background-color: var(--blue-4);}


.border-blue-4 {border-color: rgb(51, 146, 255);border-color: var(--blue-4);}


.blue-5 {color: rgb(0, 119, 255);color: var(--blue-5);}


.bg-blue-5 {background-color: rgb(0, 119, 255);background-color: var(--blue-5);}


.border-blue-5 {border-color: rgb(0, 119, 255);border-color: var(--blue-5);}


.blue-6 {color: rgb(0, 95, 204);color: var(--blue-6);}


.bg-blue-6 {background-color: rgb(0, 95, 204);background-color: var(--blue-6);}


.border-blue-6 {border-color: rgb(0, 95, 204);border-color: var(--blue-6);}


.blue-7 {color: rgb(0, 71, 153);color: var(--blue-7);}


.bg-blue-7 {background-color: rgb(0, 71, 153);background-color: var(--blue-7);}


.border-blue-7 {border-color: rgb(0, 71, 153);border-color: var(--blue-7);}


.blue-8 {color: rgb(0, 48, 102);color: var(--blue-8);}


.bg-blue-8 {background-color: rgb(0, 48, 102);background-color: var(--blue-8);}


.border-blue-8 {border-color: rgb(0, 48, 102);border-color: var(--blue-8);}


.blue-9 {color: rgb(0, 24, 51);color: var(--blue-9);}


.bg-blue-9 {background-color: rgb(0, 24, 51);background-color: var(--blue-9);}


.border-blue-9 {border-color: rgb(0, 24, 51);border-color: var(--blue-9);}


/* purple */


.purple {color: #994fd7;color: var(--purple);}


.bg-purple {background-color: #994fd7;background-color: var(--purple);}


.border-purple {border-color: #994fd7;border-color: var(--purple);}


.purple-1 {color: rgb(235, 220, 247);color: var(--purple-1);}


.bg-purple-1 {background-color: rgb(235, 220, 247);background-color: var(--purple-1);}


.border-purple-1 {border-color: rgb(235, 220, 247);border-color: var(--purple-1);}


.purple-2 {color: rgb(214, 185, 239);color: var(--purple-2);}


.bg-purple-2 {background-color: rgb(214, 185, 239);background-color: var(--purple-2);}


.border-purple-2 {border-color: rgb(214, 185, 239);border-color: var(--purple-2);}


.purple-3 {color: rgb(194, 149, 231);color: var(--purple-3);}


.bg-purple-3 {background-color: rgb(194, 149, 231);background-color: var(--purple-3);}


.border-purple-3 {border-color: rgb(194, 149, 231);border-color: var(--purple-3);}


.purple-4 {color: rgb(173, 114, 223);color: var(--purple-4);}


.bg-purple-4 {background-color: rgb(173, 114, 223);background-color: var(--purple-4);}


.border-purple-4 {border-color: rgb(173, 114, 223);border-color: var(--purple-4);}


.purple-5 {color: rgb(153, 79, 215);color: var(--purple-5);}


.bg-purple-5 {background-color: rgb(153, 79, 215);background-color: var(--purple-5);}


.border-purple-5 {border-color: rgb(153, 79, 215);border-color: var(--purple-5);}


.purple-6 {color: rgb(122, 63, 172);color: var(--purple-6);}


.bg-purple-6 {background-color: rgb(122, 63, 172);background-color: var(--purple-6);}


.border-purple-6 {border-color: rgb(122, 63, 172);border-color: var(--purple-6);}


.purple-7 {color: rgb(92, 47, 129);color: var(--purple-7);}


.bg-purple-7 {background-color: rgb(92, 47, 129);background-color: var(--purple-7);}


.border-purple-7 {border-color: rgb(92, 47, 129);border-color: var(--purple-7);}


.purple-8 {color: rgb(61, 32, 86);color: var(--purple-8);}


.bg-purple-8 {background-color: rgb(61, 32, 86);background-color: var(--purple-8);}


.border-purple-8 {border-color: rgb(61, 32, 86);border-color: var(--purple-8);}


.purple-9 {color: rgb(31, 16, 43);color: var(--purple-9);}


.bg-purple-9 {background-color: rgb(31, 16, 43);background-color: var(--purple-9);}


.border-purple-9 {border-color: rgb(31, 16, 43);border-color: var(--purple-9);}


/* magenta */


.magenta {color: #ff35a0;color: var(--magenta);}


.bg-magenta {background-color: #ff35a0;background-color: var(--magenta);}


.border-magenta {border-color: #ff35a0;border-color: var(--magenta);}


.magenta-1 {color: rgb(255, 215, 236);color: var(--magenta-1);}


.bg-magenta-1 {background-color: rgb(255, 215, 236);background-color: var(--magenta-1);}


.border-magenta-1 {border-color: rgb(255, 215, 236);border-color: var(--magenta-1);}


.magenta-2 {color: rgb(255, 174, 217);color: var(--magenta-2);}


.bg-magenta-2 {background-color: rgb(255, 174, 217);background-color: var(--magenta-2);}


.border-magenta-2 {border-color: rgb(255, 174, 217);border-color: var(--magenta-2);}


.magenta-3 {color: rgb(255, 134, 198);color: var(--magenta-3);}


.bg-magenta-3 {background-color: rgb(255, 134, 198);background-color: var(--magenta-3);}


.border-magenta-3 {border-color: rgb(255, 134, 198);border-color: var(--magenta-3);}


.magenta-4 {color: rgb(255, 93, 179);color: var(--magenta-4);}


.bg-magenta-4 {background-color: rgb(255, 93, 179);background-color: var(--magenta-4);}


.border-magenta-4 {border-color: rgb(255, 93, 179);border-color: var(--magenta-4);}


.magenta-5 {color: rgb(255, 53, 160);color: var(--magenta-5);}


.bg-magenta-5 {background-color: rgb(255, 53, 160);background-color: var(--magenta-5);}


.border-magenta-5 {border-color: rgb(255, 53, 160);border-color: var(--magenta-5);}


.magenta-6 {color: rgb(204, 42, 128);color: var(--magenta-6);}


.bg-magenta-6 {background-color: rgb(204, 42, 128);background-color: var(--magenta-6);}


.border-magenta-6 {border-color: rgb(204, 42, 128);border-color: var(--magenta-6);}


.magenta-7 {color: rgb(153, 32, 96);color: var(--magenta-7);}


.bg-magenta-7 {background-color: rgb(153, 32, 96);background-color: var(--magenta-7);}


.border-magenta-7 {border-color: rgb(153, 32, 96);border-color: var(--magenta-7);}


.magenta-8 {color: rgb(102, 21, 64);color: var(--magenta-8);}


.bg-magenta-8 {background-color: rgb(102, 21, 64);background-color: var(--magenta-8);}


.border-magenta-8 {border-color: rgb(102, 21, 64);border-color: var(--magenta-8);}


.magenta-9 {color: rgb(51, 11, 32);color: var(--magenta-9);}


.bg-magenta-9 {background-color: rgb(51, 11, 32);background-color: var(--magenta-9);}


.border-magenta-9 {border-color: rgb(51, 11, 32);border-color: var(--magenta-9);}


/* red */


.red {color: #e9222b;color: var(--red);}


.bg-red {background-color: #e9222b;background-color: var(--red);}


.border-red {border-color: #e9222b;border-color: var(--red);}


.red-1 {color: rgb(251, 211, 213);color: var(--red-1);}


.bg-red-1 {background-color: rgb(251, 211, 213);background-color: var(--red-1);}


.border-red-1 {border-color: rgb(251, 211, 213);border-color: var(--red-1);}


.red-2 {color: rgb(246, 167, 170);color: var(--red-2);}


.bg-red-2 {background-color: rgb(246, 167, 170);background-color: var(--red-2);}


.border-red-2 {border-color: rgb(246, 167, 170);border-color: var(--red-2);}


.red-3 {color: rgb(242, 122, 128);color: var(--red-3);}


.bg-red-3 {background-color: rgb(242, 122, 128);background-color: var(--red-3);}


.border-red-3 {border-color: rgb(242, 122, 128);border-color: var(--red-3);}


.red-4 {color: rgb(237, 78, 85);color: var(--red-4);}


.bg-red-4 {background-color: rgb(237, 78, 85);background-color: var(--red-4);}


.border-red-4 {border-color: rgb(237, 78, 85);border-color: var(--red-4);}


.red-5 {color: rgb(233, 34, 43);color: var(--red-5);}


.bg-red-5 {background-color: rgb(233, 34, 43);background-color: var(--red-5);}


.border-red-5 {border-color: rgb(233, 34, 43);border-color: var(--red-5);}


.red-6 {color: rgb(186, 27, 34);color: var(--red-6);}


.bg-red-6 {background-color: rgb(186, 27, 34);background-color: var(--red-6);}


.border-red-6 {border-color: rgb(186, 27, 34);border-color: var(--red-6);}


.red-7 {color: rgb(140, 20, 26);color: var(--red-7);}


.bg-red-7 {background-color: rgb(140, 20, 26);background-color: var(--red-7);}


.border-red-7 {border-color: rgb(140, 20, 26);border-color: var(--red-7);}


.red-8 {color: rgb(93, 14, 17);color: var(--red-8);}


.bg-red-8 {background-color: rgb(93, 14, 17);background-color: var(--red-8);}


.border-red-8 {border-color: rgb(93, 14, 17);border-color: var(--red-8);}


.red-9 {color: rgb(47, 7, 9);color: var(--red-9);}


.bg-red-9 {background-color: rgb(47, 7, 9);background-color: var(--red-9);}


.border-red-9 {border-color: rgb(47, 7, 9);border-color: var(--red-9);}


/* orange */


.orange {color: #ff7822;color: var(--orange);}


.bg-orange {background-color: #ff7822;background-color: var(--orange);}


.border-orange {border-color: #ff7822;border-color: var(--orange);}


.orange-1 {color: rgb(255, 228, 211);color: var(--orange-1);}


.bg-orange-1 {background-color: rgb(255, 228, 211);background-color: var(--orange-1);}


.border-orange-1 {border-color: rgb(255, 228, 211);border-color: var(--orange-1);}


.orange-2 {color: rgb(255, 201, 167);color: var(--orange-2);}


.bg-orange-2 {background-color: rgb(255, 201, 167);background-color: var(--orange-2);}


.border-orange-2 {border-color: rgb(255, 201, 167);border-color: var(--orange-2);}


.orange-3 {color: rgb(255, 174, 122);color: var(--orange-3);}


.bg-orange-3 {background-color: rgb(255, 174, 122);background-color: var(--orange-3);}


.border-orange-3 {border-color: rgb(255, 174, 122);border-color: var(--orange-3);}


.orange-4 {color: rgb(255, 147, 78);color: var(--orange-4);}


.bg-orange-4 {background-color: rgb(255, 147, 78);background-color: var(--orange-4);}


.border-orange-4 {border-color: rgb(255, 147, 78);border-color: var(--orange-4);}


.orange-5 {color: rgb(255, 120, 34);color: var(--orange-5);}


.bg-orange-5 {background-color: rgb(255, 120, 34);background-color: var(--orange-5);}


.border-orange-5 {border-color: rgb(255, 120, 34);border-color: var(--orange-5);}


.orange-6 {color: rgb(204, 96, 27);color: var(--orange-6);}


.bg-orange-6 {background-color: rgb(204, 96, 27);background-color: var(--orange-6);}


.border-orange-6 {border-color: rgb(204, 96, 27);border-color: var(--orange-6);}


.orange-7 {color: rgb(153, 72, 20);color: var(--orange-7);}


.bg-orange-7 {background-color: rgb(153, 72, 20);background-color: var(--orange-7);}


.border-orange-7 {border-color: rgb(153, 72, 20);border-color: var(--orange-7);}


.orange-8 {color: rgb(102, 48, 14);color: var(--orange-8);}


.bg-orange-8 {background-color: rgb(102, 48, 14);background-color: var(--orange-8);}


.border-orange-8 {border-color: rgb(102, 48, 14);border-color: var(--orange-8);}


.orange-9 {color: rgb(51, 24, 7);color: var(--orange-9);}


.bg-orange-9 {background-color: rgb(51, 24, 7);background-color: var(--orange-9);}


.border-orange-9 {border-color: rgb(51, 24, 7);border-color: var(--orange-9);}


/* gray */


.gray {color: #808080;color: var(--gray);}


.bg-gray {background-color: #808080;background-color: var(--gray);}


.border-gray {border-color: #808080;border-color: var(--gray);}


.gray-1 {color: rgb(230, 230, 230);color: var(--gray-1);}


.bg-gray-1 {background-color: rgb(230, 230, 230);background-color: var(--gray-1);}


.border-gray-1 {border-color: rgb(230, 230, 230);border-color: var(--gray-1);}


.gray-2 {color: rgb(204, 204, 204);color: var(--gray-2);}


.bg-gray-2 {background-color: rgb(204, 204, 204);background-color: var(--gray-2);}


.border-gray-2 {border-color: rgb(204, 204, 204);border-color: var(--gray-2);}


.gray-3 {color: rgb(179, 179, 179);color: var(--gray-3);}


.bg-gray-3 {background-color: rgb(179, 179, 179);background-color: var(--gray-3);}


.border-gray-3 {border-color: rgb(179, 179, 179);border-color: var(--gray-3);}


.gray-4 {color: rgb(153, 153, 153);color: var(--gray-4);}


.bg-gray-4 {background-color: rgb(153, 153, 153);background-color: var(--gray-4);}


.border-gray-4 {border-color: rgb(153, 153, 153);border-color: var(--gray-4);}


.gray-5 {color: rgb(128, 128, 128);color: var(--gray-5);}


.bg-gray-5 {background-color: rgb(128, 128, 128);background-color: var(--gray-5);}


.border-gray-5 {border-color: rgb(128, 128, 128);border-color: var(--gray-5);}


.gray-6 {color: rgb(102, 102, 102);color: var(--gray-6);}


.bg-gray-6 {background-color: rgb(102, 102, 102);background-color: var(--gray-6);}


.border-gray-6 {border-color: rgb(102, 102, 102);border-color: var(--gray-6);}


.gray-7 {color: rgb(77, 77, 77);color: var(--gray-7);}


.bg-gray-7 {background-color: rgb(77, 77, 77);background-color: var(--gray-7);}


.border-gray-7 {border-color: rgb(77, 77, 77);border-color: var(--gray-7);}


.gray-8 {color: rgb(51, 51, 51);color: var(--gray-8);}


.bg-gray-8 {background-color: rgb(51, 51, 51);background-color: var(--gray-8);}


.border-gray-8 {border-color: rgb(51, 51, 51);border-color: var(--gray-8);}


.gray-9 {color: rgb(26, 26, 26);color: var(--gray-9);}


.bg-gray-9 {background-color: rgb(26, 26, 26);background-color: var(--gray-9);}


.border-gray-9 {border-color: rgb(26, 26, 26);border-color: var(--gray-9);}


.black, .yellow-10, .green-10, .teal-10, .blue-10, .purple-10, .magenta-10, .red-10, .orange-10, .gray-10 {color: #000000;color: var(--black);}


.bg-black, .bg-yellow-10, .bg-green-10, .bg-teal-10, .bg-blue-10, .bg-purple-10, .bg-magenta-10, .bg-red-10, .bg-orange-10, .bg-gray-10 {background-color: #000000;background-color: var(--black);}


.border-black, .border-yellow-10, .border-green-10, .border-teal-10, .border-blue-10, .border-purple-10, .border-magenta-10, .border-red-10, .border-orange-10, .border-gray-10 {border-color: #000000;border-color: var(--black);}


.white, .yellow-0, .green-0, .teal-0, .blue-0, .purple-0, .magenta-0, .red-0, .orange-0, .gray-0 {color: #ffffff;color: var(--white);}


.bg-white, .bg-yellow-0, .bg-green-0, .bg-teal-0, .bg-blue-0, .bg-purple-0, .bg-magenta-0, .bg-red-0, .bg-orange-0, .bg-gray-0 {background-color: #ffffff;background-color: var(--white);}


.border-white,.border-yellow-0, .border-green-0, .border-teal-0, .border-blue-0, .border-purple-0, .border-magenta-0, .border-red-0, .border-orange-0, .border-gray-0 {border-color: #ffffff;border-color: var(--white);}


.color-inherit{color: inherit;}


.bg-color-inherit{background-color: inherit;}


.border-color-inherit{border-color: inherit;}


.bg-inherit{background-color: inherit;}


/* aspect ratio blocks */


.ratio-16-9 { width: 100%; padding-bottom: 56.25%; /* 16:9 */ position: relative; }


.ratio-16-9 > div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }


.ratio-16-10 { width: 100%; padding-bottom: 62.5%; /* 16:10 */ position: relative; }


.ratio-16-10 > div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }


.ratio-4-3 { width: 100%; padding-bottom: 75%; /* 4:3 */ position: relative; }


.ratio-4-3 > div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }


.ratio-1-1 { width: 100%; padding-bottom: 100%; /* 1:1 */ position: relative; }


.ratio-1-1 > div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }


.ratio-2-3 { width: 100%; padding-bottom: 150%; /* 10:15 */ position: relative; }


.ratio-2-3 > div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }


.ratio-3-2 { width: 100%; padding-bottom: 66%; /* 1:1 */ position: relative; }


.ratio-3-2 > div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }


/* fixed size blocks */


.square1{ width: 1rem; height: 1rem;}


.square1-5{ width: 1.5rem; height: 1.5rem;}


.square2{ width: 2rem; height: 2rem;}


.square2-5{ width: 2.5rem; height: 2.5rem;}


.square3{ width: 3rem; height: 3rem;}


.square3-5{ width: 3.5rem; height: 3.5rem;}


.square4{ width: 4rem; height: 4rem;}


.square5{ width: 5rem; height: 5rem;}


.square6{ width: 6rem; height: 6rem;}


.square10{height: 10rem; width: 10rem;}


.square12-5{height: 12.5rem; width: 12.5rem;}


.square15{height: 15rem; width: 15rem;}


.square20{height: 20rem; width: 20rem;}


/* box with applied animated drop shadow on hover */


.box {
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}


.box::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.box:hover { }


.box:hover::after { opacity: 1; }


.transition {transition: all 0.15s ease-out;transition: var(--transition);}


.delay-1{ -webkit-animation-delay: .125s; animation-delay: .125s;}


.delay-2{ -webkit-animation-delay: .250s; animation-delay: .250s;}


.animated.fast-1{-webkit-animation-duration: .2s;animation-duration: .2s;}


.animated.fast-2{-webkit-animation-duration: .3s;animation-duration: .3s;}


.duration-1{ -webkit-animation-duration: 1s; animation-duration: 1s;}


.animated.duration-2{ -webkit-animation-duration: 3s; animation-duration: 3s;}


@-webkit-keyframes jumpIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0 , 25%, 0);
            transform: translate3d(0 , 25%, 0);
    display:none;
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    display:block;
  }
}


@keyframes jumpIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0 , 25%, 0);
            transform: translate3d(0 , 25%, 0);
    display:none;
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    display:block;
  }
}


.jumpIn {
  -webkit-animation-timing-function: cubic-bezier(.49,.46,.12,1.32);
          animation-timing-function: cubic-bezier(.49,.46,.12,1.32);
  -webkit-animation-name: jumpIn;
          animation-name: jumpIn;
}


@-webkit-keyframes jumpOut {
  from {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    display:block;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(0 , 25%, 0);
            transform: translate3d(0 , 25%, 0);
    display:none;
  }
}


@keyframes jumpOut {
  from {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    display:block;
  }
  to{
    opacity: 0;
    -webkit-transform: translate3d(0 , 25%, 0);
            transform: translate3d(0 , 25%, 0);
    display:none;
  }
}


.jumpOut {
  -webkit-animation-timing-function: cubic-bezier(.49,.46,.12,1.32);
          animation-timing-function: cubic-bezier(.49,.46,.12,1.32);
  -webkit-animation-name: jumpOut;
          animation-name: jumpOut;
}


@-webkit-keyframes landIn {
  from {
    opacity: 0;
    -webkit-transform: scale(1.2) translateX(0vw) translateY(0vh) translateZ(0vh);
            transform: scale(1.2) translateX(0vw) translateY(0vh) translateZ(0vh);
  }
  to{
    opacity: 1;
    -webkit-transform:  none;
            transform:  none;
  }
}


@keyframes landIn {
  from {
    opacity: 0;
    -webkit-transform: scale(1.2) translateX(0vw) translateY(0vh) translateZ(0vh);
            transform: scale(1.2) translateX(0vw) translateY(0vh) translateZ(0vh);
  }
  to{
    opacity: 1;
    -webkit-transform:  none;
            transform:  none;
  }
}


.landIn {
  -webkit-animation-timing-function: cubic-bezier(.49,.46,.12,1.32);
          animation-timing-function: cubic-bezier(.49,.46,.12,1.32);
  -webkit-animation-name: landIn;
          animation-name: landIn;
}


.showHide {
  -webkit-animation-name: fadeIn, jumpOut;
          animation-name: fadeIn, jumpOut;
  -webkit-animation-duration: .2s, .2s;
          animation-duration: .2s, .2s;
  -webkit-animation-delay: 0s, 1.4s;
          animation-delay: 0s, 1.4s;

}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}


@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}


.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}


@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}


@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}


.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}


@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}


@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}


.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}


@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}


@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}


.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}


@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}


@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}


.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}


@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}


@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}


.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}


@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}


@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}


.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}


@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}


@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}


@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}


@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}


@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}


@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}


.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}


@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}


@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}


.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}


@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}


@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}


.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}


@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}


@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}


.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}


/* mobile navigation */


#mobile-nav {
  width: 1.5rem;
  height: 1rem;
  position: relative;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
  margin-top: 16px;
margin-bottom: 8px;
}


#mobile-nav span{
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  transition: .25s ease-in-out;
}


#mobile-nav span:nth-child(1) {
  top: 0px;
}


#mobile-nav span:nth-child(2),#mobile-nav span:nth-child(3) {
  top: 4px;
}


#mobile-nav span:nth-child(4) {
  top: 8px;
}


#mobile-nav.open span:nth-child(1) {
  top: 0px;
  opacity: 0;
}


#mobile-nav.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}


#mobile-nav.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}


#mobile-nav.open span:nth-child(4) {
  top: 8px;
  opacity: 0;

}


.mobile-header.open .mobile-nav-bg{ opacity: .8!important;}


.mobile-header.open{transition: .25s ease-in-out;}


.mobile-header.open .mobile-menu{ margin-bottom: 1rem;}


.mobile-header .mobile-menu a{ opacity: 0; display: block; width: 100%; display: none;}


.mobile-header.open .mobile-menu a{ opacity: 1; display: block;}


/* footer 1 */


@media only screen and (max-width: 40em) {
.footer-1, .footer-3 { text-align: center;}
}


/* Generic */


.dir-rtl #sitewrap{ direction: rtl;}


.bg-light-gray{background: rgb(204, 204, 204);background: rgb(204, 204, 204);}


/* logo credit*/


.logo-credit {-webkit-transform: scale(.8);transform: scale(.8); opacity: 0.9;}


.logo-credit:hover{  -webkit-transform: scale(1);  transform: scale(1);  opacity: 1; }


/*misc*/


.col-1-5{ width: 20%;}


.indicator.circle{border-radius: 50%; width: 0.5rem; height: 0.5rem;}


/* player */


.seekBase.active{
  height: 2px;
}


.seekBase.active{
  height: 0.75rem;
}


.seekLoad {
  width: 0;
}


.player-control{ padding: 0;}


.player-control.button-circle{box-shadow: 0 0px 2px hsla(0, 0%, 0%, 0); border: 1px solid currentColor;}


/*fotorama*/


.fotorama__caption {
  color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  text-align: center;
  /*left: auto;*/
}


.fotorama__caption__wrap {
  background-color: rgba(0, 0, 0, 0.25);
  background-color: rgba(0, 0, 0, 0.25);
  padding: 20px 40px!important;
  font-size: .75rem;
}


.fotorama__caption__wrap  > span{
  display: block; font-weight: bold; font-size: 1rem;
}


.fotorama__arr--next {
    right: 2rem;
  }


.fotorama__arr--prev {
      left: 2rem;
    }


/* Player grid alignments*/


.project-list > div:nth-child(1), .project-list > div:nth-child(2){ margin-left: auto; margin-right: auto;}


.progressfill{
background-color: rgb(255, 120, 34);
background-color: rgb(255, 120, 34);
color: rgb(255, 120, 34);
color: rgb(255, 120, 34);
z-index: 99998;
box-shadow: 0 0 10px 0 currentColor;
-webkit-transform: translateX(-100%);
        transform: translateX(-100%);
}


/* Navigational system */


/* .has-submenu .submenu { display: none; position: absolute; transition: all .2s ease-in-out; } */


.submenu {
    position: absolute;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    padding: 1rem;
    max-width: 15vw;
    display: none;
    will-change: transform;
    -webkit-transform-origin: 50% -50px;
            transform-origin: 50% -50px;
    -webkit-transform: rotateX(-60deg);
            transform: rotateX(-60deg);
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}


.has-submenu:hover .submenu { -webkit-transform: none; transform: none; display: inline; display: initial; top: 85%; text-align: left; opacity: 1; }


@media only screen and (max-width: 40em) {
  .sm-p0{ padding: 0;}
  .sm-p1 { padding: .5rem; padding: var(--space-1) }
  .sm-p2 { padding: 1rem; padding: var(--space-2) }
  .sm-m0{ margin: 0;}
  .sm-center{ text-align: center;}
  .video-item iframe{ width: 100%!important; height :100%!important;}
  .gallery-item{ width: 50%!important;}
  .sm-flex-column  {flex-direction: column;}
  .sm-flex-last{order: 1024;}
}


@media only screen and (max-width: 52em) {
  .md-p0{ padding: 0;}
  .md-p1 { padding: .5rem; padding: var(--space-1) }
  .md-p2 { padding: 1rem; padding: var(--space-2) }
  .md-m0{ margin: 0;}

  .video-item iframe{ width: 100%!important; height :100%!important;}
  .gallery-item{ width: 50%!important;}

}


:root {
/* Modifiers */
--tint-1: tint(20%);
--tint-2: tint(40%);
--tint-3: tint(60%);
--tint-4: tint(80%);

--shade-1: shade(20%);
--shade-2: shade(40%);
--shade-3: shade(60%);
--shade-4: shade(80%);
}


:root {
/* color1 */
--color1-1: rgb(243, 238, 230);
--color1-1: rgb(243, 238, 230);
--color1-2: rgb(230, 221, 204);
--color1-2: rgb(230, 221, 204);
--color1-3: rgb(218, 205, 179);
--color1-3: rgb(218, 205, 179);
--color1-4: rgb(205, 188, 153);
--color1-4: rgb(205, 188, 153);
--color1-5: rgb(193, 171, 128);
--color1-5: rgb(193, 171, 128);
--color1-6: rgb(154, 137, 102);
--color1-6: rgb(154, 137, 102);
--color1-7: rgb(116, 103, 77);
--color1-7: rgb(116, 103, 77);
--color1-8: rgb(77, 68, 51);
--color1-8: rgb(77, 68, 51);
--color1-9: rgb(39, 34, 26);
--color1-9: rgb(39, 34, 26);

/* color2 */
--color2-1: rgb(231, 235, 242);
--color2-1: rgb(231, 235, 242);
--color2-2: rgb(207, 214, 229);
--color2-2: rgb(207, 214, 229);
--color2-3: rgb(182, 194, 217);
--color2-3: rgb(182, 194, 217);
--color2-4: rgb(158, 173, 204);
--color2-4: rgb(158, 173, 204);
--color2-5: rgb(134, 153, 191);
--color2-5: rgb(134, 153, 191);
--color2-6: rgb(107, 122, 153);
--color2-6: rgb(107, 122, 153);
--color2-7: rgb(80, 92, 115);
--color2-7: rgb(80, 92, 115);
--color2-8: rgb(54, 61, 76);
--color2-8: rgb(54, 61, 76);
--color2-9: rgb(27, 31, 38);
--color2-9: rgb(27, 31, 38);

/* color3 */
--color3-1: rgb(230, 227, 222);
--color3-1: rgb(230, 227, 222);
--color3-2: rgb(204, 199, 189);
--color3-2: rgb(204, 199, 189);
--color3-3: rgb(179, 171, 157);
--color3-3: rgb(179, 171, 157);
--color3-4: rgb(153, 143, 124);
--color3-4: rgb(153, 143, 124);
--color3-5: rgb(128, 115, 91);
--color3-5: rgb(128, 115, 91);
--color3-6: rgb(102, 92, 73);
--color3-6: rgb(102, 92, 73);
--color3-7: rgb(77, 69, 55);
--color3-7: rgb(77, 69, 55);
--color3-8: rgb(51, 46, 36);
--color3-8: rgb(51, 46, 36);
--color3-9: rgb(26, 23, 18);
--color3-9: rgb(26, 23, 18);

/* color4 */
--color4-1: rgb(222, 223, 230);
--color4-1: rgb(222, 223, 230);
--color4-2: rgb(189, 191, 204);
--color4-2: rgb(189, 191, 204);
--color4-3: rgb(155, 160, 179);
--color4-3: rgb(155, 160, 179);
--color4-4: rgb(122, 128, 153);
--color4-4: rgb(122, 128, 153);
--color4-5: rgb(89, 96, 128);
--color4-5: rgb(89, 96, 128);
--color4-6: rgb(71, 77, 102);
--color4-6: rgb(71, 77, 102);
--color4-7: rgb(53, 58, 77);
--color4-7: rgb(53, 58, 77);
--color4-8: rgb(36, 38, 51);
--color4-8: rgb(36, 38, 51);
--color4-9: rgb(18, 19, 26);
--color4-9: rgb(18, 19, 26);

/* color5 */
--color5-1: rgb(216, 239, 239);
--color5-1: rgb(216, 239, 239);
--color5-2: rgb(176, 223, 223);
--color5-2: rgb(176, 223, 223);
--color5-3: rgb(137, 208, 208);
--color5-3: rgb(137, 208, 208);
--color5-4: rgb(98, 192, 192);
--color5-4: rgb(98, 192, 192);
--color5-5: hsl(180, 50%, 46%);
--color5-5: hsl(180, 50%, 46%);
--color5-6: rgb(47, 141, 141);
--color5-6: rgb(47, 141, 141);
--color5-7: rgb(35, 106, 106);
--color5-7: rgb(35, 106, 106);
--color5-8: rgb(23, 70, 70);
--color5-8: rgb(23, 70, 70);
--color5-9: rgb(12, 35, 35);
--color5-9: rgb(12, 35, 35);

}


/*------------------------------------*\
COLORS
\*------------------------------------*/


/* color1 */


.color1 {color: #C1AB80;color: var(--color1);}


.bg-color1 {background-color: #C1AB80;background-color: var(--color1);}


.border-color1 {border-color: #C1AB80;border-color: var(--color1);}


.color1-1 {color: rgb(243, 238, 230);color: var(--color1-1);}


.bg-color1-1 {background-color: rgb(243, 238, 230);background-color: var(--color1-1);}


.border-color1-1 {border-color: rgb(243, 238, 230);border-color: var(--color1-1);}


.color1-2 {color: rgb(230, 221, 204);color: var(--color1-2);}


.bg-color1-2 {background-color: rgb(230, 221, 204);background-color: var(--color1-2);}


.border-color1-2 {border-color: rgb(230, 221, 204);border-color: var(--color1-2);}


.color1-3 {color: rgb(218, 205, 179);color: var(--color1-3);}


.bg-color1-3 {background-color: rgb(218, 205, 179);background-color: var(--color1-3);}


.border-color1-3 {border-color: rgb(218, 205, 179);border-color: var(--color1-3);}


.color1-4 {color: rgb(205, 188, 153);color: var(--color1-4);}


.bg-color1-4 {background-color: rgb(205, 188, 153);background-color: var(--color1-4);}


.border-color1-4 {border-color: rgb(205, 188, 153);border-color: var(--color1-4);}


.color1-5 {color: rgb(193, 171, 128);color: var(--color1-5);}


.bg-color1-5 {background-color: rgb(193, 171, 128);background-color: var(--color1-5);}


.border-color1-5 {border-color: rgb(193, 171, 128);border-color: var(--color1-5);}


.color1-6 {color: rgb(154, 137, 102);color: var(--color1-6);}


.bg-color1-6 {background-color: rgb(154, 137, 102);background-color: var(--color1-6);}


.border-color1-6 {border-color: rgb(154, 137, 102);border-color: var(--color1-6);}


.color1-7 {color: rgb(116, 103, 77);color: var(--color1-7);}


.bg-color1-7 {background-color: rgb(116, 103, 77);background-color: var(--color1-7);}


.border-color1-7 {border-color: rgb(116, 103, 77);border-color: var(--color1-7);}


.color1-8 {color: rgb(77, 68, 51);color: var(--color1-8);}


.bg-color1-8 {background-color: rgb(77, 68, 51);background-color: var(--color1-8);}


.border-color1-8 {border-color: rgb(77, 68, 51);border-color: var(--color1-8);}


.color1-9 {color: rgb(39, 34, 26);color: var(--color1-9);}


.bg-color1-9 {background-color: rgb(39, 34, 26);background-color: var(--color1-9);}


.border-color1-9 {border-color: rgb(39, 34, 26);border-color: var(--color1-9);}


/* color2 */


.color2 {color: #8699BF;color: var(--color2);}


.bg-color2 {background-color: #8699BF;background-color: var(--color2);}


.border-color2 {border-color: #8699BF;border-color: var(--color2);}


.color2-1 {color: rgb(231, 235, 242);color: var(--color2-1);}


.bg-color2-1 {background-color: rgb(231, 235, 242);background-color: var(--color2-1);}


.border-color2-1 {border-color: rgb(231, 235, 242);border-color: var(--color2-1);}


.color2-2 {color: rgb(207, 214, 229);color: var(--color2-2);}


.bg-color2-2 {background-color: rgb(207, 214, 229);background-color: var(--color2-2);}


.border-color2-2 {border-color: rgb(207, 214, 229);border-color: var(--color2-2);}


.color2-3 {color: rgb(182, 194, 217);color: var(--color2-3);}


.bg-color2-3 {background-color: rgb(182, 194, 217);background-color: var(--color2-3);}


.border-color2-3 {border-color: rgb(182, 194, 217);border-color: var(--color2-3);}


.color2-4 {color: rgb(158, 173, 204);color: var(--color2-4);}


.bg-color2-4 {background-color: rgb(158, 173, 204);background-color: var(--color2-4);}


.border-color2-4 {border-color: rgb(158, 173, 204);border-color: var(--color2-4);}


.color2-5 {color: rgb(134, 153, 191);color: var(--color2-5);}


.bg-color2-5 {background-color: rgb(134, 153, 191);background-color: var(--color2-5);}


.border-color2-5 {border-color: rgb(134, 153, 191);border-color: var(--color2-5);}


.color2-6 {color: rgb(107, 122, 153);color: var(--color2-6);}


.bg-color2-6 {background-color: rgb(107, 122, 153);background-color: var(--color2-6);}


.border-color2-6 {border-color: rgb(107, 122, 153);border-color: var(--color2-6);}


.color2-7 {color: rgb(80, 92, 115);color: var(--color2-7);}


.bg-color2-7 {background-color: rgb(80, 92, 115);background-color: var(--color2-7);}


.border-color2-7 {border-color: rgb(80, 92, 115);border-color: var(--color2-7);}


.color2-8 {color: rgb(54, 61, 76);color: var(--color2-8);}


.bg-color2-8 {background-color: rgb(54, 61, 76);background-color: var(--color2-8);}


.border-color2-8 {border-color: rgb(54, 61, 76);border-color: var(--color2-8);}


.color2-9 {color: rgb(27, 31, 38);color: var(--color2-9);}


.bg-color2-9 {background-color: rgb(27, 31, 38);background-color: var(--color2-9);}


.border-color2-9 {border-color: rgb(27, 31, 38);border-color: var(--color2-9);}


/* color3 */


.color3 {color: #80735B;color: var(--color3);}


.bg-color3 {background-color: #80735B;background-color: var(--color3);}


.border-color3 {border-color: #80735B;border-color: var(--color3);}


.color3-1 {color: rgb(230, 227, 222);color: var(--color3-1);}


.bg-color3-1 {background-color: rgb(230, 227, 222);background-color: var(--color3-1);}


.border-color3-1 {border-color: rgb(230, 227, 222);border-color: var(--color3-1);}


.color3-2 {color: rgb(204, 199, 189);color: var(--color3-2);}


.bg-color3-2 {background-color: rgb(204, 199, 189);background-color: var(--color3-2);}


.border-color3-2 {border-color: rgb(204, 199, 189);border-color: var(--color3-2);}


.color3-3 {color: rgb(179, 171, 157);color: var(--color3-3);}


.bg-color3-3 {background-color: rgb(179, 171, 157);background-color: var(--color3-3);}


.border-color3-3 {border-color: rgb(179, 171, 157);border-color: var(--color3-3);}


.color3-4 {color: rgb(153, 143, 124);color: var(--color3-4);}


.bg-color3-4 {background-color: rgb(153, 143, 124);background-color: var(--color3-4);}


.border-color3-4 {border-color: rgb(153, 143, 124);border-color: var(--color3-4);}


.color3-5 {color: rgb(128, 115, 91);color: var(--color3-5);}


.bg-color3-5 {background-color: rgb(128, 115, 91);background-color: var(--color3-5);}


.border-color3-5 {border-color: rgb(128, 115, 91);border-color: var(--color3-5);}


.color3-6 {color: rgb(102, 92, 73);color: var(--color3-6);}


.bg-color3-6 {background-color: rgb(102, 92, 73);background-color: var(--color3-6);}


.border-color3-6 {border-color: rgb(102, 92, 73);border-color: var(--color3-6);}


.color3-7 {color: rgb(77, 69, 55);color: var(--color3-7);}


.bg-color3-7 {background-color: rgb(77, 69, 55);background-color: var(--color3-7);}


.border-color3-7 {border-color: rgb(77, 69, 55);border-color: var(--color3-7);}


.color3-8 {color: rgb(51, 46, 36);color: var(--color3-8);}


.bg-color3-8 {background-color: rgb(51, 46, 36);background-color: var(--color3-8);}


.border-color3-8 {border-color: rgb(51, 46, 36);border-color: var(--color3-8);}


.color3-9 {color: rgb(26, 23, 18);color: var(--color3-9);}


.bg-color3-9 {background-color: rgb(26, 23, 18);background-color: var(--color3-9);}


.border-color3-9 {border-color: rgb(26, 23, 18);border-color: var(--color3-9);}


/* color4 */


.color4 {color: #596080;color: var(--color4);}


.bg-color4 {background-color: #596080;background-color: var(--color4);}


.border-color4 {border-color: #596080;border-color: var(--color4);}


.color4-1 {color: rgb(222, 223, 230);color: var(--color4-1);}


.bg-color4-1 {background-color: rgb(222, 223, 230);background-color: var(--color4-1);}


.border-color4-1 {border-color: rgb(222, 223, 230);border-color: var(--color4-1);}


.color4-2 {color: rgb(189, 191, 204);color: var(--color4-2);}


.bg-color4-2 {background-color: rgb(189, 191, 204);background-color: var(--color4-2);}


.border-color4-2 {border-color: rgb(189, 191, 204);border-color: var(--color4-2);}


.color4-3 {color: rgb(155, 160, 179);color: var(--color4-3);}


.bg-color4-3 {background-color: rgb(155, 160, 179);background-color: var(--color4-3);}


.border-color4-3 {border-color: rgb(155, 160, 179);border-color: var(--color4-3);}


.color4-4 {color: rgb(122, 128, 153);color: var(--color4-4);}


.bg-color4-4 {background-color: rgb(122, 128, 153);background-color: var(--color4-4);}


.border-color4-4 {border-color: rgb(122, 128, 153);border-color: var(--color4-4);}


.color4-5 {color: rgb(89, 96, 128);color: var(--color4-5);}


.bg-color4-5 {background-color: rgb(89, 96, 128);background-color: var(--color4-5);}


.border-color4-5 {border-color: rgb(89, 96, 128);border-color: var(--color4-5);}


.color4-6 {color: rgb(71, 77, 102);color: var(--color4-6);}


.bg-color4-6 {background-color: rgb(71, 77, 102);background-color: var(--color4-6);}


.border-color4-6 {border-color: rgb(71, 77, 102);border-color: var(--color4-6);}


.color4-7 {color: rgb(53, 58, 77);color: var(--color4-7);}


.bg-color4-7 {background-color: rgb(53, 58, 77);background-color: var(--color4-7);}


.border-color4-7 {border-color: rgb(53, 58, 77);border-color: var(--color4-7);}


.color4-8 {color: rgb(36, 38, 51);color: var(--color4-8);}


.bg-color4-8 {background-color: rgb(36, 38, 51);background-color: var(--color4-8);}


.border-color4-8 {border-color: rgb(36, 38, 51);border-color: var(--color4-8);}


.color4-9 {color: rgb(18, 19, 26);color: var(--color4-9);}


.bg-color4-9 {background-color: rgb(18, 19, 26);background-color: var(--color4-9);}


.border-color4-9 {border-color: rgb(18, 19, 26);border-color: var(--color4-9);}


/* color5 */


.color5 {color: hsl(180, 50%, 46%);color: var(--color5);}


.bg-color5 {background-color: hsl(180, 50%, 46%);background-color: var(--color5);}


.border-color5 {border-color: hsl(180, 50%, 46%);border-color: var(--color5);}


.color5-1 {color: rgb(216, 239, 239);color: var(--color5-1);}


.bg-color5-1 {background-color: rgb(216, 239, 239);background-color: var(--color5-1);}


.border-color5-1 {border-color: rgb(216, 239, 239);border-color: var(--color5-1);}


.color5-2 {color: rgb(176, 223, 223);color: var(--color5-2);}


.bg-color5-2 {background-color: rgb(176, 223, 223);background-color: var(--color5-2);}


.border-color5-2 {border-color: rgb(176, 223, 223);border-color: var(--color5-2);}


.color5-3 {color: rgb(137, 208, 208);color: var(--color5-3);}


.bg-color5-3 {background-color: rgb(137, 208, 208);background-color: var(--color5-3);}


.border-color5-3 {border-color: rgb(137, 208, 208);border-color: var(--color5-3);}


.color5-4 {color: rgb(98, 192, 192);color: var(--color5-4);}


.bg-color5-4 {background-color: rgb(98, 192, 192);background-color: var(--color5-4);}


.border-color5-4 {border-color: rgb(98, 192, 192);border-color: var(--color5-4);}


.color5-5 {color: hsl(180, 50%, 46%);color: var(--color5-5);}


.bg-color5-5 {background-color: hsl(180, 50%, 46%);background-color: var(--color5-5);}


.border-color5-5 {border-color: hsl(180, 50%, 46%);border-color: var(--color5-5);}


.color5-6 {color: rgb(47, 141, 141);color: var(--color5-6);}


.bg-color5-6 {background-color: rgb(47, 141, 141);background-color: var(--color5-6);}


.border-color5-6 {border-color: rgb(47, 141, 141);border-color: var(--color5-6);}


.color5-7 {color: rgb(35, 106, 106);color: var(--color5-7);}


.bg-color5-7 {background-color: rgb(35, 106, 106);background-color: var(--color5-7);}


.border-color5-7 {border-color: rgb(35, 106, 106);border-color: var(--color5-7);}


.color5-8 {color: rgb(23, 70, 70);color: var(--color5-8);}


.bg-color5-8 {background-color: rgb(23, 70, 70);background-color: var(--color5-8);}


.border-color5-8 {border-color: rgb(23, 70, 70);border-color: var(--color5-8);}


.color5-9 {color: rgb(12, 35, 35);color: var(--color5-9);}


.bg-color5-9 {background-color: rgb(12, 35, 35);background-color: var(--color5-9);}


.border-color5-9 {border-color: rgb(12, 35, 35);border-color: var(--color5-9);}


.color1-10, .color2-10, .color3-10, .color4-10, .color5-10 {color: #000000;color: var(--black);}


.bg-color1-10, .bg-color2-10, .bg-color3-10, .bg-color4-10, .bg-color5-10 {background-color: #000000;background-color: var(--black);}


.border-color1-10, .border-color2-10, .border-color3-10, .border-color4-10, .border-color5-10 {border-color: #000000;border-color: var(--black);}


.color1-0, .color2-0, .color3-0, .color4-0, .color5-0{color: #ffffff;color: var(--white);}


.bg-color1-0, .bg-color2-0, .bg-color3-0, .bg-color4-0, .bg-color5-0 {background-color: #ffffff;background-color: var(--white);}


.border-color1-0, .border-color2-0, .border-color3-0, .border-color4-0, .border-color5-0{border-color: #ffffff;border-color: var(--white);}


/*------------------------------------*\
COLORS
\*------------------------------------*/


/* Color 1 */


.link-color1 a{color: #C1AB80;color: var(--color1);}


.link-color1-1 a{color: rgb(243, 238, 230);color: var(--color1-1);}


.link-color1-2 a{color: rgb(230, 221, 204);color: var(--color1-2);}


.link-color1-3 a{color: rgb(218, 205, 179);color: var(--color1-3);}


.link-color1-4 a{color: rgb(205, 188, 153);color: var(--color1-4);}


.link-color1-5 a{color: rgb(193, 171, 128);color: var(--color1-5);}


.link-color1-6 a{color: rgb(154, 137, 102);color: var(--color1-6);}


.link-color1-7 a{color: rgb(116, 103, 77);color: var(--color1-7);}


.link-color1-8 a{color: rgb(77, 68, 51);color: var(--color1-8);}


.link-color1-9 a{color: rgb(39, 34, 26);color: var(--color1-9);}


/* Color 2 */


.link-color2 a{color: #8699BF;color: var(--color2);}


.link-color2-1 a{color: rgb(231, 235, 242);color: var(--color2-1);}


.link-color2-2 a{color: rgb(207, 214, 229);color: var(--color2-2);}


.link-color2-3 a{color: rgb(182, 194, 217);color: var(--color2-3);}


.link-color2-4 a{color: rgb(158, 173, 204);color: var(--color2-4);}


.link-color2-5 a{color: rgb(134, 153, 191);color: var(--color2-5);}


.link-color2-6 a{color: rgb(107, 122, 153);color: var(--color2-6);}


.link-color2-7 a{color: rgb(80, 92, 115);color: var(--color2-7);}


.link-color2-8 a{color: rgb(54, 61, 76);color: var(--color2-8);}


.link-color2-9 a{color: rgb(27, 31, 38);color: var(--color2-9);}


/* Color 3 */


.link-color3 a{color: #80735B;color: var(--color3);}


.link-color3-1 a{color: rgb(230, 227, 222);color: var(--color3-1);}


.link-color3-2 a{color: rgb(204, 199, 189);color: var(--color3-2);}


.link-color3-3 a{color: rgb(179, 171, 157);color: var(--color3-3);}


.link-color3-4 a{color: rgb(153, 143, 124);color: var(--color3-4);}


.link-color3-5 a{color: rgb(128, 115, 91);color: var(--color3-5);}


.link-color3-6 a{color: rgb(102, 92, 73);color: var(--color3-6);}


.link-color3-7 a{color: rgb(77, 69, 55);color: var(--color3-7);}


.link-color3-8 a{color: rgb(51, 46, 36);color: var(--color3-8);}


.link-color3-9 a{color: rgb(26, 23, 18);color: var(--color3-9);}


/* Color 4 */


.link-color4 a{color: #596080;color: var(--color4);}


.link-color4-1 a{color: rgb(222, 223, 230);color: var(--color4-1);}


.link-color4-2 a{color: rgb(189, 191, 204);color: var(--color4-2);}


.link-color4-3 a{color: rgb(155, 160, 179);color: var(--color4-3);}


.link-color4-4 a{color: rgb(122, 128, 153);color: var(--color4-4);}


.link-color4-5 a{color: rgb(89, 96, 128);color: var(--color4-5);}


.link-color4-6 a{color: rgb(71, 77, 102);color: var(--color4-6);}


.link-color4-7 a{color: rgb(53, 58, 77);color: var(--color4-7);}


.link-color4-8 a{color: rgb(36, 38, 51);color: var(--color4-8);}


.link-color4-9 a{color: rgb(18, 19, 26);color: var(--color4-9);}


/* Color 5 */


.link-color5 a{color: hsl(180, 50%, 46%);color: var(--color5);}


.link-color5-1 a{color: rgb(216, 239, 239);color: var(--color5-1);}


.link-color5-2 a{color: rgb(176, 223, 223);color: var(--color5-2);}


.link-color5-3 a{color: rgb(137, 208, 208);color: var(--color5-3);}


.link-color5-4 a{color: rgb(98, 192, 192);color: var(--color5-4);}


.link-color5-5 a{color: hsl(180, 50%, 46%);color: var(--color5-5);}


.link-color5-6 a{color: rgb(47, 141, 141);color: var(--color5-6);}


.link-color5-7 a{color: rgb(35, 106, 106);color: var(--color5-7);}


.link-color5-8 a{color: rgb(23, 70, 70);color: var(--color5-8);}


.link-color5-9 a{color: rgb(12, 35, 35);color: var(--color5-9);}


/* Black */


.link-color1-10 a,
.link-color2-10 a,
.link-color3-10 a,
.link-color4-10 a,
.link-color5-10 a {color: #000000;color: var(--black);}


/* White */


.link-color1-0 a,
.link-color2-0 a,
.link-color3-0 a,
.link-color4-0 a,
.link-color5-0 a {color: #ffffff;color: var(--white);}


:root {
  --color1: #C1AB80; /* gold */
  --color2: #8699BF; /*  */
  --color3: #80735B; /*  */
  --color4: #596080; /*  */
  --color5: hsl(180, 50%, 46%); /* teal */
}


.ql-toolbar.ql-snow {
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	padding: 8px;
    background: whitesmoke;
}


.ql-container.ql-snow {
	font-size: 1rem;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    border: 1px solid #ccc;
    background: #fefefe;
}


.ql-editor {
height: 20rem;
}


.ql-content p { margin: 0; }


.ql-size-small { font-size: .75em;}


.ql-size-normal { font-size: 1em;}


.ql-size-large { font-size: 1.5em;}


.ql-size-huge { font-size: 2.5em;}


.ql-align-right { text-align: right; }


.ql-align-left { text-align: left; }


.ql-align-center { text-align: center; }


.ql-align-justify { text-align: justify; }


.ql-direction-rtl { direction: rtl;}


/*------------------------------------*\
Themes
\*------------------------------------*/


.mt100{ margin-top: 100vh;}


/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/


ul li a:hover {text-decoration: none;}


.bg-none{ background: none;}


.bg-inherit{ background-color: inherit;}


.mw75 { max-width: 75%;}


/*------------------------------------*\
Main
\*------------------------------------*/


.enterScene { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; }


.animate .enterScene {opacity: 1; -webkit-transform: scale(1); transform: scale(1); transition: opacity .6s ease-in-out, -webkit-transform 1s ease-in-out; transition: transform 1s ease-in-out, opacity .6s ease-in-out; transition: transform 1s ease-in-out, opacity .6s ease-in-out, -webkit-transform 1s ease-in-out;}


.project-cover div:nth-child(2n) { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0.8}


.project-cover:hover div:nth-child(2n) { -webkit-transform: scale(1); transform: scale(1); opacity:1}


.project-cover div:nth-child(3n) { opacity: 0.8;}


.project-cover:hover div:nth-child(3n) { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1;}


/*iPhone 6+ and lower */


@media only screen and (max-width: 40em){

.container{ width: 100%; min-width: 0; min-width: initial;}
.hero{ height: 100vh!important;}
.h0{ font-size: 3rem;}
main > section{}
.column-2{ -webkit-column-count: 1; column-count: 1; grid-column-gap: inherit; -webkit-column-gap:inherit; column-gap:inherit;}
.project-item{ margin-bottom:0;}
.media-list{ padding-left: 0; padding-right: 0;}
.project-single{ padding-top: 2rem; padding-top: var(--space-3);}
.frame-border{ border-width: 0rem; border-style: solid;}
.frame-border-bottom{border-width: 0; border-bottom-width: 0rem; border-style: solid;}
.frame-border-top{border-width: 0; border-top-width: 0rem; border-style: solid;}
.square20 { height: 18rem; width: 18rem;}
  .fotorama__caption__wrap{ display:none;}
  #siteDiscography .sm-col-12{ padding: 0!important}
  .mobile-nav-wrapper{ min-height: 2.5rem;}
  .mobile-nav-wrapper .mobile-header{position: static;position: initial;}
}


@media only screen and (min-width: 40.00em) and (max-width: 52em)  {
  .container{ width: 100%; min-width: 0; min-width: initial;}
  .column-2{ -webkit-column-count: 1; column-count: 1; grid-column-gap: inherit; -webkit-column-gap:inherit; column-gap:inherit;}
.mobile-nav-wrapper{ min-height: 2.5rem;}
.mobile-nav-wrapper .mobile-header{position: static;position: initial;}
}


@media only screen and (min-width: 52em) and (max-width:64em) {
  .container{ width: 100%; min-width: 0; min-width: initial;}
  .main-header{ padding: 0 1rem;}
}